@alfadocs/ui-kit 0.1.1 → 0.1.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.
- package/dist/_chunks/{accordion-BJD1aM67.js → accordion-B6fyINUk.js} +10 -9
- package/dist/_chunks/accordion-B6fyINUk.js.map +1 -0
- package/dist/_chunks/{agenda-card-Bld47Eul.js → agenda-card-C_hQGErS.js} +12 -11
- package/dist/_chunks/{agenda-card-Bld47Eul.js.map → agenda-card-C_hQGErS.js.map} +1 -1
- package/dist/_chunks/{agenda-tray-D86cNIJ0.js → agenda-tray-CBaVMJLO.js} +6 -5
- package/dist/_chunks/{agenda-tray-D86cNIJ0.js.map → agenda-tray-CBaVMJLO.js.map} +1 -1
- package/dist/_chunks/{ai-prompt-input-CdYwt2VP.js → ai-prompt-input-K94oVLG2.js} +17 -16
- package/dist/_chunks/ai-prompt-input-K94oVLG2.js.map +1 -0
- package/dist/_chunks/{alert-ETrF7Q8J.js → alert-rOM4EG0P.js} +12 -11
- package/dist/_chunks/{alert-ETrF7Q8J.js.map → alert-rOM4EG0P.js.map} +1 -1
- package/dist/_chunks/{app-frame-uq2Gy0vs.js → app-frame-6d7Lu4ea.js} +2 -1
- package/dist/_chunks/{app-frame-uq2Gy0vs.js.map → app-frame-6d7Lu4ea.js.map} +1 -1
- package/dist/_chunks/{aspect-ratio-BqU4itGW.js → aspect-ratio-CxsdG8vk.js} +9 -8
- package/dist/_chunks/{aspect-ratio-BqU4itGW.js.map → aspect-ratio-CxsdG8vk.js.map} +1 -1
- package/dist/_chunks/{audio-recorder-D2UEBF9B.js → audio-recorder-Cn8z2zC9.js} +7 -6
- package/dist/_chunks/{audio-recorder-D2UEBF9B.js.map → audio-recorder-Cn8z2zC9.js.map} +1 -1
- package/dist/_chunks/{audio-visualiser-B4u4goV5.js → audio-visualiser-CeMPCZkd.js} +2 -1
- package/dist/_chunks/{audio-visualiser-B4u4goV5.js.map → audio-visualiser-CeMPCZkd.js.map} +1 -1
- package/dist/_chunks/{autocomplete.agent-Bi6CiRKa.js → autocomplete.agent-DRrp-Rsx.js} +4 -3
- package/dist/_chunks/autocomplete.agent-DRrp-Rsx.js.map +1 -0
- package/dist/_chunks/{avatar-BAhxbDEu.js → avatar-Biffh-_H.js} +17 -16
- package/dist/_chunks/avatar-Biffh-_H.js.map +1 -0
- package/dist/_chunks/{badge-zDghajh8.js → badge-mrstWxve.js} +14 -13
- package/dist/_chunks/badge-mrstWxve.js.map +1 -0
- package/dist/_chunks/{balance-cell-renderer-BGyvZWjB.js → balance-cell-renderer-CiyezQhi.js} +12 -12
- package/dist/_chunks/{balance-cell-renderer-BGyvZWjB.js.map → balance-cell-renderer-CiyezQhi.js.map} +1 -1
- package/dist/_chunks/{breadcrumb-pdUacgm1.js → breadcrumb-CcZovmIq.js} +2 -1
- package/dist/_chunks/breadcrumb-CcZovmIq.js.map +1 -0
- package/dist/_chunks/{button-DmiGFnNA.js → button-7dTew-IV.js} +4 -4
- package/dist/_chunks/button-7dTew-IV.js.map +1 -0
- package/dist/_chunks/{button-group-BtTHSyU0.js → button-group-CONver7M.js} +9 -8
- package/dist/_chunks/{button-group-BtTHSyU0.js.map → button-group-CONver7M.js.map} +1 -1
- package/dist/_chunks/{card-DeItIBcV.js → card-BEy58ZKp.js} +2 -1
- package/dist/_chunks/card-BEy58ZKp.js.map +1 -0
- package/dist/_chunks/{chat-container-Co8HpB64.js → chat-container-BZvQ3_yT.js} +2 -2
- package/dist/_chunks/{chat-container-Co8HpB64.js.map → chat-container-BZvQ3_yT.js.map} +1 -1
- package/dist/_chunks/{chat-input-3rstZhHR.js → chat-input-xiBIujMv.js} +3 -3
- package/dist/_chunks/chat-input-xiBIujMv.js.map +1 -0
- package/dist/_chunks/{chat-message-dDMVSYBs.js → chat-message-BtxUyugB.js} +10 -9
- package/dist/_chunks/chat-message-BtxUyugB.js.map +1 -0
- package/dist/_chunks/{checkbox-DMzgtnqw.js → checkbox-Ni6C_KJg.js} +11 -11
- package/dist/_chunks/{checkbox-DMzgtnqw.js.map → checkbox-Ni6C_KJg.js.map} +1 -1
- package/dist/_chunks/{checkbox-group-DBnIBRT_.js → checkbox-group-BFZ4oN5t.js} +8 -7
- package/dist/_chunks/checkbox-group-BFZ4oN5t.js.map +1 -0
- package/dist/_chunks/{collapsible-DPGQnHZh.js → collapsible-fFMqzpdL.js} +8 -7
- package/dist/_chunks/collapsible-fFMqzpdL.js.map +1 -0
- package/dist/_chunks/{color-picker-OKKF3Dww.js → color-picker-Cl3KdjJd.js} +89 -87
- package/dist/_chunks/color-picker-Cl3KdjJd.js.map +1 -0
- package/dist/_chunks/{combobox.agent-CfeB-IZ1.js → combobox.agent-DjdivI3X.js} +21 -20
- package/dist/_chunks/combobox.agent-DjdivI3X.js.map +1 -0
- package/dist/_chunks/{command-palette.agent-XLfSGHCL.js → command-palette.agent-BUjzr2ET.js} +3 -2
- package/dist/_chunks/command-palette.agent-BUjzr2ET.js.map +1 -0
- package/dist/_chunks/{date-picker-DXx8oSJb.js → date-picker-DYXNsWmM.js} +3 -3
- package/dist/_chunks/{date-picker-DXx8oSJb.js.map → date-picker-DYXNsWmM.js.map} +1 -1
- package/dist/_chunks/{date-range-picker-C3CbY__H.js → date-range-picker-BcNDJI7m.js} +3 -3
- package/dist/_chunks/date-range-picker-BcNDJI7m.js.map +1 -0
- package/dist/_chunks/{date-time-picker-Bn3FPeAc.js → date-time-picker-CmGiTU__.js} +7 -7
- package/dist/_chunks/date-time-picker-CmGiTU__.js.map +1 -0
- package/dist/_chunks/{description-list-B1CL3RTG.js → description-list-C_1NX8P3.js} +3 -2
- package/dist/_chunks/description-list-C_1NX8P3.js.map +1 -0
- package/dist/_chunks/{dialog.agent-D9WeIWi2.js → dialog.agent-C2lP9H0h.js} +2 -2
- package/dist/_chunks/{dialog.agent-D9WeIWi2.js.map → dialog.agent-C2lP9H0h.js.map} +1 -1
- package/dist/_chunks/{dropdown-menu-BnVUeVG3.js → dropdown-menu-2HgU1Emf.js} +4 -3
- package/dist/_chunks/dropdown-menu-2HgU1Emf.js.map +1 -0
- package/dist/_chunks/{empty-state-DV96gCnp.js → empty-state-BHrItOiE.js} +3 -2
- package/dist/_chunks/{empty-state-DV96gCnp.js.map → empty-state-BHrItOiE.js.map} +1 -1
- package/dist/_chunks/{file-upload.agent-DYFnqdxw.js → file-upload.agent-LlC0W468.js} +4 -4
- package/dist/_chunks/file-upload.agent-LlC0W468.js.map +1 -0
- package/dist/_chunks/{flag-C3BUEwHH.js → flag-DZ6V7-hU.js} +3 -1
- package/dist/_chunks/{flag-C3BUEwHH.js.map → flag-DZ6V7-hU.js.map} +1 -1
- package/dist/_chunks/{floating-action-button-RigP2E7o.js → floating-action-button-Cnw-f6AG.js} +8 -7
- package/dist/_chunks/floating-action-button-Cnw-f6AG.js.map +1 -0
- package/dist/_chunks/{form-field-DI5LY5aG.js → form-field-BfsPLTSc.js} +2 -1
- package/dist/_chunks/form-field-BfsPLTSc.js.map +1 -0
- package/dist/_chunks/{freemium-paywall-D0GiUFOe.js → freemium-paywall-Dr9aOtOC.js} +24 -23
- package/dist/_chunks/freemium-paywall-Dr9aOtOC.js.map +1 -0
- package/dist/_chunks/{header-CW2oRd5H.js → header-BpU9U-1X.js} +3 -2
- package/dist/_chunks/{header-CW2oRd5H.js.map → header-BpU9U-1X.js.map} +1 -1
- package/dist/_chunks/{icon-button-C482ii4y.js → icon-button-CNjWCD1X.js} +10 -9
- package/dist/_chunks/icon-button-CNjWCD1X.js.map +1 -0
- package/dist/_chunks/{icon-button-group-BnhkUWUg.js → icon-button-group-DeV3FpNY.js} +26 -25
- package/dist/_chunks/{icon-button-group-BnhkUWUg.js.map → icon-button-group-DeV3FpNY.js.map} +1 -1
- package/dist/_chunks/{kbd-DTcIjYA7.js → kbd-8baVw3KU.js} +35 -31
- package/dist/_chunks/kbd-8baVw3KU.js.map +1 -0
- package/dist/_chunks/{key-value-pair-DDhSYdDL.js → key-value-pair-C9hpjC_B.js} +13 -12
- package/dist/_chunks/{key-value-pair-DDhSYdDL.js.map → key-value-pair-C9hpjC_B.js.map} +1 -1
- package/dist/_chunks/{leo-sidebar-gXXcGPKk.js → leo-sidebar-CNjZqljo.js} +12 -12
- package/dist/_chunks/{leo-sidebar-gXXcGPKk.js.map → leo-sidebar-CNjZqljo.js.map} +1 -1
- package/dist/_chunks/{list-Cwe8mcmh.js → list-B1ozIjQe.js} +4 -1
- package/dist/_chunks/list-B1ozIjQe.js.map +1 -0
- package/dist/_chunks/live-region-C41SO3cA.js +58 -0
- package/dist/_chunks/{live-region-COggO6x6.js.map → live-region-C41SO3cA.js.map} +1 -1
- package/dist/_chunks/{logo-3wrZGpwg.js → logo-BpFoCL-s.js} +7 -7
- package/dist/_chunks/{logo-3wrZGpwg.js.map → logo-BpFoCL-s.js.map} +1 -1
- package/dist/_chunks/{matrix-rain-gsHqSvW7.js → matrix-rain-BEkvux64.js} +2 -1
- package/dist/_chunks/{matrix-rain-gsHqSvW7.js.map → matrix-rain-BEkvux64.js.map} +1 -1
- package/dist/_chunks/{message-card-DID3cXUW.js → message-card-CZzNO4ov.js} +6 -5
- package/dist/_chunks/message-card-CZzNO4ov.js.map +1 -0
- package/dist/_chunks/{message-tray-CVMLBnVp.js → message-tray-BWbjXW3F.js} +7 -6
- package/dist/_chunks/message-tray-BWbjXW3F.js.map +1 -0
- package/dist/_chunks/{multi-select.agent-BUKYZJfp.js → multi-select.agent-BSGEW10d.js} +34 -33
- package/dist/_chunks/multi-select.agent-BSGEW10d.js.map +1 -0
- package/dist/_chunks/{navigation-menu-NjwxyshT.js → navigation-menu-DxOMvrKM.js} +2 -1
- package/dist/_chunks/navigation-menu-DxOMvrKM.js.map +1 -0
- package/dist/_chunks/{notification-card-BZ33fq8H.js → notification-card-DgW-vVg-.js} +5 -4
- package/dist/_chunks/{notification-card-BZ33fq8H.js.map → notification-card-DgW-vVg-.js.map} +1 -1
- package/dist/_chunks/{notification-tray-CnEd7B2q.js → notification-tray-CKUgl2jc.js} +7 -6
- package/dist/_chunks/{notification-tray-CnEd7B2q.js.map → notification-tray-CKUgl2jc.js.map} +1 -1
- package/dist/_chunks/{number-input-D7rSa_ef.js → number-input-BPPhekLu.js} +19 -18
- package/dist/_chunks/number-input-BPPhekLu.js.map +1 -0
- package/dist/_chunks/{otp-input-C9R9sC74.js → otp-input-De5_Ih7B.js} +15 -14
- package/dist/_chunks/otp-input-De5_Ih7B.js.map +1 -0
- package/dist/_chunks/{pagination.agent-D75FB6XP.js → pagination.agent-CmA0Ocr5.js} +16 -15
- package/dist/_chunks/pagination.agent-CmA0Ocr5.js.map +1 -0
- package/dist/_chunks/{password-input-C6PvKyQV.js → password-input-DAT5HQth.js} +7 -7
- package/dist/_chunks/password-input-DAT5HQth.js.map +1 -0
- package/dist/_chunks/{patient-shell-CGsmI5LJ.js → patient-shell-BzHhg6uA.js} +9 -9
- package/dist/_chunks/{patient-shell-CGsmI5LJ.js.map → patient-shell-BzHhg6uA.js.map} +1 -1
- package/dist/_chunks/{payment-form-l3j-gA-t.js → payment-form-YlxrCpZQ.js} +22 -22
- package/dist/_chunks/payment-form-YlxrCpZQ.js.map +1 -0
- package/dist/_chunks/{pdf-viewer.agent-DuGfSoep.js → pdf-viewer.agent-sMned5Xn.js} +3 -3
- package/dist/_chunks/{pdf-viewer.agent-DuGfSoep.js.map → pdf-viewer.agent-sMned5Xn.js.map} +1 -1
- package/dist/_chunks/{phone-input-ZWa_FU4R.js → phone-input-BuRe5PyI.js} +41 -40
- package/dist/_chunks/phone-input-BuRe5PyI.js.map +1 -0
- package/dist/_chunks/{popover-CMr1pTPO.js → popover-Ds1iOdiv.js} +4 -3
- package/dist/_chunks/popover-Ds1iOdiv.js.map +1 -0
- package/dist/_chunks/{privacy-lock-DdpkKNM2.js → privacy-lock-KEruBpM1.js} +23 -23
- package/dist/_chunks/{privacy-lock-DdpkKNM2.js.map → privacy-lock-KEruBpM1.js.map} +1 -1
- package/dist/_chunks/{radio-B_gvGU29.js → radio-XSSNX3Af.js} +8 -7
- package/dist/_chunks/radio-XSSNX3Af.js.map +1 -0
- package/dist/_chunks/{radio-group-Bn8Wt0yc.js → radio-group-DBrUOPcy.js} +19 -18
- package/dist/_chunks/radio-group-DBrUOPcy.js.map +1 -0
- package/dist/_chunks/{react-day-picker-d0MHsyCj.js → react-day-picker-C04L_28V.js} +5 -5
- package/dist/_chunks/{react-day-picker-d0MHsyCj.js.map → react-day-picker-C04L_28V.js.map} +1 -1
- package/dist/_chunks/{rich-text-editor.agent-C1_E7_7t.js → rich-text-editor.agent-COSb5_2D.js} +4 -4
- package/dist/_chunks/rich-text-editor.agent-COSb5_2D.js.map +1 -0
- package/dist/_chunks/{scroll-area-Ba99pJ_R.js → scroll-area-HIq0hJyJ.js} +14 -12
- package/dist/_chunks/scroll-area-HIq0hJyJ.js.map +1 -0
- package/dist/_chunks/{search-bar-VoTqJhRp.js → search-bar-9Zbew4yM.js} +4 -3
- package/dist/_chunks/search-bar-9Zbew4yM.js.map +1 -0
- package/dist/_chunks/{search-input-D6rarD0_.js → search-input-CtkWITO2.js} +28 -28
- package/dist/_chunks/{search-input-D6rarD0_.js.map → search-input-CtkWITO2.js.map} +1 -1
- package/dist/_chunks/{select-DbxWF3O_.js → select-DdAOtomN.js} +24 -23
- package/dist/_chunks/select-DdAOtomN.js.map +1 -0
- package/dist/_chunks/{separator-BRQHi8s0.js → separator-B4wXDLNC.js} +9 -8
- package/dist/_chunks/{separator-BRQHi8s0.js.map → separator-B4wXDLNC.js.map} +1 -1
- package/dist/_chunks/{sheet-DyWqluiS.js → sheet-D7GRhnWw.js} +3 -2
- package/dist/_chunks/sheet-D7GRhnWw.js.map +1 -0
- package/dist/_chunks/{sidebar-B52iGGNV.js → sidebar-Dc2ffrbf.js} +9 -8
- package/dist/_chunks/sidebar-Dc2ffrbf.js.map +1 -0
- package/dist/_chunks/sign-in-with-alfadocs-button-BotwPDcW.js +45 -0
- package/dist/_chunks/{sign-in-with-alfadocs-button-BU7MP5Hg.js.map → sign-in-with-alfadocs-button-BotwPDcW.js.map} +1 -1
- package/dist/_chunks/{signature-capture.agent-4htVctJ2.js → signature-capture.agent-C38VPXxg.js} +19 -19
- package/dist/_chunks/signature-capture.agent-C38VPXxg.js.map +1 -0
- package/dist/_chunks/{skeleton-ClO1v5GE.js → skeleton-DAdPFx9d.js} +18 -16
- package/dist/_chunks/{skeleton-ClO1v5GE.js.map → skeleton-DAdPFx9d.js.map} +1 -1
- package/dist/_chunks/{skip-link-CASJkBOe.js → skip-link-DmZ3c6cb.js} +12 -11
- package/dist/_chunks/{skip-link-CASJkBOe.js.map → skip-link-DmZ3c6cb.js.map} +1 -1
- package/dist/_chunks/{slider-n8JWpJvT.js → slider-DjyRt3Mp.js} +3 -2
- package/dist/_chunks/slider-DjyRt3Mp.js.map +1 -0
- package/dist/_chunks/{slot-grid-BRAkqChA.js → slot-grid-WHc5A8-z.js} +57 -56
- package/dist/_chunks/slot-grid-WHc5A8-z.js.map +1 -0
- package/dist/_chunks/{sparkline.agent-BLY1IMyW.js → sparkline.agent-C_xp3NRB.js} +2 -2
- package/dist/_chunks/{sparkline.agent-BLY1IMyW.js.map → sparkline.agent-C_xp3NRB.js.map} +1 -1
- package/dist/_chunks/{spinner-CoAOGcDa.js → spinner-GCcv67vh.js} +2 -1
- package/dist/_chunks/spinner-GCcv67vh.js.map +1 -0
- package/dist/_chunks/{stat-D76MNHzK.js → stat-DUB6g90R.js} +3 -1
- package/dist/_chunks/{stat-D76MNHzK.js.map → stat-DUB6g90R.js.map} +1 -1
- package/dist/_chunks/{stepper-accordion-DHQ80A4v.js → stepper-accordion-2_7Pw0tC.js} +2 -1
- package/dist/_chunks/{stepper-accordion-DHQ80A4v.js.map → stepper-accordion-2_7Pw0tC.js.map} +1 -1
- package/dist/_chunks/{stepper-calendar-vtWwa2bY.js → stepper-calendar-CWZcFgt_.js} +9 -8
- package/dist/_chunks/stepper-calendar-CWZcFgt_.js.map +1 -0
- package/dist/_chunks/{stepper-progress-DMZ5w5VR.js → stepper-progress-rE7tn7WY.js} +12 -11
- package/dist/_chunks/{stepper-progress-DMZ5w5VR.js.map → stepper-progress-rE7tn7WY.js.map} +1 -1
- package/dist/_chunks/{streaming-text-D0cW8pwq.js → streaming-text-BgjCTVOw.js} +6 -5
- package/dist/_chunks/{streaming-text-D0cW8pwq.js.map → streaming-text-BgjCTVOw.js.map} +1 -1
- package/dist/_chunks/{suggestion-chip-BgNFpPEE.js → suggestion-chip-6AB40rxz.js} +2 -1
- package/dist/_chunks/{suggestion-chip-BgNFpPEE.js.map → suggestion-chip-6AB40rxz.js.map} +1 -1
- package/dist/_chunks/{switch-DtLPKO0p.js → switch-DhSORO9C.js} +2 -1
- package/dist/_chunks/{switch-DtLPKO0p.js.map → switch-DhSORO9C.js.map} +1 -1
- package/dist/_chunks/{tabs.agent-BDUlyPbJ.js → tabs.agent-BtaNGxRh.js} +6 -5
- package/dist/_chunks/tabs.agent-BtaNGxRh.js.map +1 -0
- package/dist/_chunks/{tag-CfSZZN2f.js → tag--uLKOb9f.js} +17 -14
- package/dist/_chunks/{tag-CfSZZN2f.js.map → tag--uLKOb9f.js.map} +1 -1
- package/dist/_chunks/{task-card-B5xfiFg5.js → task-card-BeSuntXP.js} +11 -10
- package/dist/_chunks/{task-card-B5xfiFg5.js.map → task-card-BeSuntXP.js.map} +1 -1
- package/dist/_chunks/{task-tray-BnpiodZ4.js → task-tray-pRk6u8Ik.js} +10 -9
- package/dist/_chunks/{task-tray-BnpiodZ4.js.map → task-tray-pRk6u8Ik.js.map} +1 -1
- package/dist/_chunks/{text-area-BqbruBWx.js → text-area-xf9-6iDf.js} +21 -21
- package/dist/_chunks/text-area-xf9-6iDf.js.map +1 -0
- package/dist/_chunks/{text-input-lh6kRXZS.js → text-input-exh7VD7D.js} +10 -9
- package/dist/_chunks/{text-input-lh6kRXZS.js.map → text-input-exh7VD7D.js.map} +1 -1
- package/dist/_chunks/theme-root-DDb0TJjd.js +18 -0
- package/dist/_chunks/{theme-root-vapFjsnt.js.map → theme-root-DDb0TJjd.js.map} +1 -1
- package/dist/_chunks/{theme-toggle-BHKMiORD.js → theme-toggle-CJgA6G24.js} +42 -39
- package/dist/_chunks/theme-toggle-CJgA6G24.js.map +1 -0
- package/dist/_chunks/{time-picker-DbpAmPux.js → time-picker-D-EueWUG.js} +68 -67
- package/dist/_chunks/time-picker-D-EueWUG.js.map +1 -0
- package/dist/_chunks/{timeline-vjsUeuq1.js → timeline-DIueH4TJ.js} +5 -4
- package/dist/_chunks/timeline-DIueH4TJ.js.map +1 -0
- package/dist/_chunks/{timestamp-DmSt92P1.js → timestamp-BV2lC-wV.js} +2 -1
- package/dist/_chunks/{timestamp-DmSt92P1.js.map → timestamp-BV2lC-wV.js.map} +1 -1
- package/dist/_chunks/{toast-DllSITLf.js → toast-q0SlabGr.js} +2 -2
- package/dist/_chunks/{toast-DllSITLf.js.map → toast-q0SlabGr.js.map} +1 -1
- package/dist/_chunks/{tooltip-Dp3u8jGz.js → tooltip-DHik5yRI.js} +2 -1
- package/dist/_chunks/{tooltip-Dp3u8jGz.js.map → tooltip-DHik5yRI.js.map} +1 -1
- package/dist/_chunks/{tooth-scheme.agent-BRqxWa1D.js → tooth-scheme.agent-BlDyu-Gx.js} +2 -2
- package/dist/_chunks/{tooth-scheme.agent-BRqxWa1D.js.map → tooth-scheme.agent-BlDyu-Gx.js.map} +1 -1
- package/dist/_chunks/{transcript-panel-Bg1BTMSr.js → transcript-panel-DFnhbrlQ.js} +39 -38
- package/dist/_chunks/{transcript-panel-Bg1BTMSr.js.map → transcript-panel-DFnhbrlQ.js.map} +1 -1
- package/dist/_chunks/{typing-indicator-BRg22Rqr.js → typing-indicator-CbUBf-Dx.js} +9 -8
- package/dist/_chunks/{typing-indicator-BRg22Rqr.js.map → typing-indicator-CbUBf-Dx.js.map} +1 -1
- package/dist/_chunks/visually-hidden-BlkhaZWe.js +21 -0
- package/dist/_chunks/{visually-hidden-Y3jcdCv-.js.map → visually-hidden-BlkhaZWe.js.map} +1 -1
- package/dist/_chunks/{warning-stack-B9N9yWet.js → warning-stack-DCmO0R07.js} +26 -24
- package/dist/_chunks/warning-stack-DCmO0R07.js.map +1 -0
- package/dist/_chunks/{workflow-map-gBhL_Wrs.js → workflow-map-CAM6Uy_J.js} +13 -10
- package/dist/_chunks/workflow-map-CAM6Uy_J.js.map +1 -0
- package/dist/agent-catalog.json +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/agenda-card/agenda-card.d.ts.map +1 -1
- package/dist/components/agenda-card/index.js +1 -1
- package/dist/components/agenda-tray/agenda-tray.d.ts.map +1 -1
- package/dist/components/agenda-tray/index.js +1 -1
- package/dist/components/ai-prompt-input/ai-prompt-input.d.ts.map +1 -1
- package/dist/components/ai-prompt-input/index.js +1 -1
- package/dist/components/alert/alert.d.ts.map +1 -1
- package/dist/components/alert/index.js +1 -1
- package/dist/components/app-frame/app-frame.d.ts.map +1 -1
- package/dist/components/app-frame/index.js +1 -1
- package/dist/components/aspect-ratio/aspect-ratio.d.ts.map +1 -1
- package/dist/components/aspect-ratio/index.js +1 -1
- package/dist/components/audio-recorder/audio-recorder.d.ts.map +1 -1
- package/dist/components/audio-recorder/index.js +1 -1
- package/dist/components/audio-visualiser/audio-visualiser.d.ts.map +1 -1
- package/dist/components/audio-visualiser/index.js +1 -1
- package/dist/components/autocomplete/autocomplete.d.ts.map +1 -1
- package/dist/components/autocomplete/index.js +1 -1
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/button/icon-button.d.ts.map +1 -1
- package/dist/components/button/index.js +2 -2
- package/dist/components/button-group/button-group.d.ts.map +1 -1
- package/dist/components/button-group/index.js +1 -1
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/chat-container/index.js +1 -1
- package/dist/components/chat-input/index.js +1 -1
- package/dist/components/chat-message/chat-message.d.ts.map +1 -1
- package/dist/components/chat-message/index.js +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group/index.js +1 -1
- package/dist/components/collapsible/collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/index.js +1 -1
- package/dist/components/color-picker/color-picker.d.ts.map +1 -1
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/combobox/combobox.d.ts.map +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/command-palette/command-palette.d.ts.map +1 -1
- package/dist/components/command-palette/index.js +1 -1
- package/dist/components/data-table/index.js +1 -1
- package/dist/components/date-picker/index.js +1 -1
- package/dist/components/date-range-picker/index.js +1 -1
- package/dist/components/date-time-picker/index.js +1 -1
- package/dist/components/description-list/description-list.d.ts.map +1 -1
- package/dist/components/description-list/index.js +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/index.js +1 -1
- package/dist/components/empty-state/empty-state.d.ts.map +1 -1
- package/dist/components/empty-state/index.js +1 -1
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/flag/flag.d.ts.map +1 -1
- package/dist/components/flag/index.js +1 -1
- package/dist/components/floating-action-button/floating-action-button.d.ts.map +1 -1
- package/dist/components/floating-action-button/index.js +1 -1
- package/dist/components/form-field/form-field.d.ts.map +1 -1
- package/dist/components/form-field/index.js +1 -1
- package/dist/components/freemium-paywall/freemium-paywall.d.ts.map +1 -1
- package/dist/components/freemium-paywall/index.js +1 -1
- package/dist/components/header/header.d.ts.map +1 -1
- package/dist/components/header/index.js +1 -1
- package/dist/components/icon-button/index.js +1 -1
- package/dist/components/icon-button-group/icon-button-group.d.ts.map +1 -1
- package/dist/components/icon-button-group/index.js +1 -1
- package/dist/components/kbd/index.js +1 -1
- package/dist/components/kbd/kbd.d.ts.map +1 -1
- package/dist/components/key-value-pair/index.js +1 -1
- package/dist/components/key-value-pair/key-value-pair.d.ts.map +1 -1
- package/dist/components/list/index.js +1 -1
- package/dist/components/list/list.d.ts.map +1 -1
- package/dist/components/live-region/index.js +1 -1
- package/dist/components/live-region/live-region.d.ts.map +1 -1
- package/dist/components/logo/index.js +1 -1
- package/dist/components/matrix-rain/index.js +1 -1
- package/dist/components/matrix-rain/matrix-rain.d.ts.map +1 -1
- package/dist/components/message-card/index.js +1 -1
- package/dist/components/message-card/message-card.d.ts.map +1 -1
- package/dist/components/message-tray/index.js +1 -1
- package/dist/components/message-tray/message-tray.d.ts.map +1 -1
- package/dist/components/multi-select/index.js +1 -1
- package/dist/components/multi-select/multi-select.d.ts.map +1 -1
- package/dist/components/navigation-menu/index.js +2 -2
- package/dist/components/navigation-menu/navigation-menu.d.ts.map +1 -1
- package/dist/components/notification-card/index.js +1 -1
- package/dist/components/notification-card/notification-card.d.ts.map +1 -1
- package/dist/components/notification-tray/index.js +1 -1
- package/dist/components/notification-tray/notification-tray.d.ts.map +1 -1
- package/dist/components/number-input/index.js +1 -1
- package/dist/components/number-input/number-input.d.ts.map +1 -1
- package/dist/components/otp-input/index.js +1 -1
- package/dist/components/otp-input/otp-input.d.ts.map +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/pagination/pagination.d.ts.map +1 -1
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/payment-form/index.js +1 -1
- package/dist/components/pdf-viewer/index.js +1 -1
- package/dist/components/phone-input/index.js +1 -1
- package/dist/components/phone-input/phone-input.d.ts.map +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/privacy-lock/index.js +1 -1
- package/dist/components/privacy-lock/privacy-lock.d.ts.map +1 -1
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio-group/index.js +2 -2
- package/dist/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group/radio.d.ts.map +1 -1
- package/dist/components/rich-text-editor/index.js +1 -1
- package/dist/components/scroll-area/index.js +1 -1
- package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/search-bar/index.js +1 -1
- package/dist/components/search-input/index.js +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/separator/index.js +1 -1
- package/dist/components/separator/separator.d.ts.map +1 -1
- package/dist/components/sheet/index.js +1 -1
- package/dist/components/sheet/sheet.d.ts.map +1 -1
- package/dist/components/sidebar/index.js +1 -1
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sign-in-with-alfadocs-button/index.js +1 -1
- package/dist/components/sign-in-with-alfadocs-button/sign-in-with-alfadocs-button.d.ts.map +1 -1
- package/dist/components/signature-capture/index.js +1 -1
- package/dist/components/skeleton/index.js +1 -1
- package/dist/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/components/skip-link/index.js +1 -1
- package/dist/components/skip-link/skip-link.d.ts.map +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/slider.d.ts.map +1 -1
- package/dist/components/slot-grid/index.js +1 -1
- package/dist/components/slot-grid/slot-grid.d.ts.map +1 -1
- package/dist/components/sparkline/index.js +1 -1
- package/dist/components/spinner/index.js +1 -1
- package/dist/components/spinner/spinner.d.ts.map +1 -1
- package/dist/components/stat/index.js +1 -1
- package/dist/components/stat/stat.d.ts.map +1 -1
- package/dist/components/stepper-accordion/index.js +1 -1
- package/dist/components/stepper-accordion/stepper-accordion.d.ts.map +1 -1
- package/dist/components/stepper-calendar/index.js +1 -1
- package/dist/components/stepper-calendar/stepper-calendar.d.ts.map +1 -1
- package/dist/components/stepper-progress/index.js +1 -1
- package/dist/components/stepper-progress/stepper-progress.d.ts.map +1 -1
- package/dist/components/streaming-text/index.js +1 -1
- package/dist/components/streaming-text/streaming-text.d.ts.map +1 -1
- package/dist/components/suggestion-chip/index.js +1 -1
- package/dist/components/suggestion-chip/suggestion-chip.d.ts.map +1 -1
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tag/index.js +1 -1
- package/dist/components/tag/tag.d.ts.map +1 -1
- package/dist/components/task-card/index.js +1 -1
- package/dist/components/task-card/task-card.d.ts.map +1 -1
- package/dist/components/task-tray/index.js +1 -1
- package/dist/components/task-tray/task-tray.d.ts.map +1 -1
- package/dist/components/text-area/index.js +1 -1
- package/dist/components/text-input/index.js +1 -1
- package/dist/components/text-input/text-input.d.ts.map +1 -1
- package/dist/components/theme-root/index.js +1 -1
- package/dist/components/theme-toggle/index.js +1 -1
- package/dist/components/theme-toggle/theme-toggle.d.ts.map +1 -1
- package/dist/components/time-picker/index.js +1 -1
- package/dist/components/time-picker/time-picker.d.ts.map +1 -1
- package/dist/components/timeline/index.js +1 -1
- package/dist/components/timeline/timeline.d.ts.map +1 -1
- package/dist/components/timestamp/index.js +1 -1
- package/dist/components/timestamp/timestamp.d.ts.map +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/tooth-scheme/index.js +1 -1
- package/dist/components/transcript-panel/index.js +1 -1
- package/dist/components/transcript-panel/transcript-panel.d.ts.map +1 -1
- package/dist/components/typing-indicator/index.js +1 -1
- package/dist/components/typing-indicator/typing-indicator.d.ts.map +1 -1
- package/dist/components/visually-hidden/index.js +1 -1
- package/dist/components/warning-stack/index.js +1 -1
- package/dist/components/warning-stack/warning-stack.d.ts.map +1 -1
- package/dist/components/workflow/index.js +1 -1
- package/dist/components/workflow/workflow-card.d.ts.map +1 -1
- package/dist/components/workflow/workflow-editor.d.ts.map +1 -1
- package/dist/components/workflow/workflow-map.d.ts.map +1 -1
- package/dist/index.js +108 -108
- package/dist/patterns/leo-assistant/index.js +1 -1
- package/dist/patterns/patient-shell/index.js +1 -1
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
- package/dist/_chunks/accordion-BJD1aM67.js.map +0 -1
- package/dist/_chunks/ai-prompt-input-CdYwt2VP.js.map +0 -1
- package/dist/_chunks/autocomplete.agent-Bi6CiRKa.js.map +0 -1
- package/dist/_chunks/avatar-BAhxbDEu.js.map +0 -1
- package/dist/_chunks/badge-zDghajh8.js.map +0 -1
- package/dist/_chunks/breadcrumb-pdUacgm1.js.map +0 -1
- package/dist/_chunks/button-DmiGFnNA.js.map +0 -1
- package/dist/_chunks/card-DeItIBcV.js.map +0 -1
- package/dist/_chunks/chat-input-3rstZhHR.js.map +0 -1
- package/dist/_chunks/chat-message-dDMVSYBs.js.map +0 -1
- package/dist/_chunks/checkbox-group-DBnIBRT_.js.map +0 -1
- package/dist/_chunks/collapsible-DPGQnHZh.js.map +0 -1
- package/dist/_chunks/color-picker-OKKF3Dww.js.map +0 -1
- package/dist/_chunks/combobox.agent-CfeB-IZ1.js.map +0 -1
- package/dist/_chunks/command-palette.agent-XLfSGHCL.js.map +0 -1
- package/dist/_chunks/date-range-picker-C3CbY__H.js.map +0 -1
- package/dist/_chunks/date-time-picker-Bn3FPeAc.js.map +0 -1
- package/dist/_chunks/description-list-B1CL3RTG.js.map +0 -1
- package/dist/_chunks/dropdown-menu-BnVUeVG3.js.map +0 -1
- package/dist/_chunks/file-upload.agent-DYFnqdxw.js.map +0 -1
- package/dist/_chunks/floating-action-button-RigP2E7o.js.map +0 -1
- package/dist/_chunks/form-field-DI5LY5aG.js.map +0 -1
- package/dist/_chunks/freemium-paywall-D0GiUFOe.js.map +0 -1
- package/dist/_chunks/icon-button-C482ii4y.js.map +0 -1
- package/dist/_chunks/kbd-DTcIjYA7.js.map +0 -1
- package/dist/_chunks/list-Cwe8mcmh.js.map +0 -1
- package/dist/_chunks/live-region-COggO6x6.js +0 -57
- package/dist/_chunks/message-card-DID3cXUW.js.map +0 -1
- package/dist/_chunks/message-tray-CVMLBnVp.js.map +0 -1
- package/dist/_chunks/multi-select.agent-BUKYZJfp.js.map +0 -1
- package/dist/_chunks/navigation-menu-NjwxyshT.js.map +0 -1
- package/dist/_chunks/number-input-D7rSa_ef.js.map +0 -1
- package/dist/_chunks/otp-input-C9R9sC74.js.map +0 -1
- package/dist/_chunks/pagination.agent-D75FB6XP.js.map +0 -1
- package/dist/_chunks/password-input-C6PvKyQV.js.map +0 -1
- package/dist/_chunks/payment-form-l3j-gA-t.js.map +0 -1
- package/dist/_chunks/phone-input-ZWa_FU4R.js.map +0 -1
- package/dist/_chunks/popover-CMr1pTPO.js.map +0 -1
- package/dist/_chunks/radio-B_gvGU29.js.map +0 -1
- package/dist/_chunks/radio-group-Bn8Wt0yc.js.map +0 -1
- package/dist/_chunks/rich-text-editor.agent-C1_E7_7t.js.map +0 -1
- package/dist/_chunks/scroll-area-Ba99pJ_R.js.map +0 -1
- package/dist/_chunks/search-bar-VoTqJhRp.js.map +0 -1
- package/dist/_chunks/select-DbxWF3O_.js.map +0 -1
- package/dist/_chunks/sheet-DyWqluiS.js.map +0 -1
- package/dist/_chunks/sidebar-B52iGGNV.js.map +0 -1
- package/dist/_chunks/sign-in-with-alfadocs-button-BU7MP5Hg.js +0 -44
- package/dist/_chunks/signature-capture.agent-4htVctJ2.js.map +0 -1
- package/dist/_chunks/slider-n8JWpJvT.js.map +0 -1
- package/dist/_chunks/slot-grid-BRAkqChA.js.map +0 -1
- package/dist/_chunks/spinner-CoAOGcDa.js.map +0 -1
- package/dist/_chunks/stepper-calendar-vtWwa2bY.js.map +0 -1
- package/dist/_chunks/tabs.agent-BDUlyPbJ.js.map +0 -1
- package/dist/_chunks/text-area-BqbruBWx.js.map +0 -1
- package/dist/_chunks/theme-root-vapFjsnt.js +0 -18
- package/dist/_chunks/theme-toggle-BHKMiORD.js.map +0 -1
- package/dist/_chunks/time-picker-DbpAmPux.js.map +0 -1
- package/dist/_chunks/timeline-vjsUeuq1.js.map +0 -1
- package/dist/_chunks/visually-hidden-Y3jcdCv-.js +0 -21
- package/dist/_chunks/warning-stack-B9N9yWet.js.map +0 -1
- package/dist/_chunks/workflow-map-gBhL_Wrs.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leo-sidebar-gXXcGPKk.js","sources":["../../node_modules/lucide-react/dist/esm/icons/sparkles.js","../../src/patterns/leo-assistant/leo-chat-surface.tsx","../../src/patterns/leo-assistant/leo-embedded.tsx","../../src/patterns/leo-assistant/leo-popout.tsx","../../src/patterns/leo-assistant/leo-sidebar.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\n key: \"1s2grr\"\n }\n ],\n [\"path\", { d: \"M20 2v4\", key: \"1rf3ol\" }],\n [\"path\", { d: \"M22 4h-4\", key: \"gwowj6\" }],\n [\"circle\", { cx: \"4\", cy: \"20\", r: \"2\", key: \"6kqj1y\" }]\n];\nconst Sparkles = createLucideIcon(\"sparkles\", __iconNode);\n\nexport { __iconNode, Sparkles as default };\n//# sourceMappingURL=sparkles.js.map\n","/**\n * Leo Assistant — inner chat surface shared between embedded and popout\n * modes. This is a pure presentational composition of existing DS\n * primitives and owns NO state, NO API calls, NO SSE parsing — the\n * consuming app drives `messages`, `isGenerating`, `usage`, and the\n * callbacks.\n */\nimport {\n forwardRef,\n useMemo,\n type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Plus, Sparkles, Square, User } from 'lucide-react';\nimport { Avatar } from '../../components/avatar';\nimport { Button } from '../../components/button';\nimport { ChatContainer } from '../../components/chat-container';\nimport { ChatMessage } from '../../components/chat-message';\nimport { ChatInput } from '../../components/chat-input';\nimport { StreamingText } from '../../components/streaming-text';\nimport {\n SuggestionChip,\n SuggestionChipGroup,\n} from '../../components/suggestion-chip';\nimport { TypingIndicator } from '../../components/typing-indicator';\nimport { Progress } from '../../components/progress';\nimport type {\n LeoChatSurfaceProps,\n LeoMessage,\n LeoSuggestion,\n LeoUserAvatar,\n} from './leo-types';\n\n/* ------------------------------------------------------------------ */\n/* Leo identity tile — Sparkles on an accent-tinted disc. */\n/* */\n/* Used in place of <Avatar> for Leo's own identity (header + empty */\n/* state + streaming/typing rows) so the visual identity matches the */\n/* collapsed sidebar rail trigger. When the consuming app supplies an */\n/* `assistantAvatar.src`, LeoChatSurface falls back to <Avatar> — the */\n/* sparkle is for the DS-provided default only. */\n/* */\n/* Sizes mirror the Avatar size scale we were replacing: */\n/* sm → 32px (row messages, streaming bubble, compact header) */\n/* md → 40px (default header) */\n/* xl → 64px (empty-state hero) */\n/* ------------------------------------------------------------------ */\n\nconst LEO_TILE_SIZES = {\n sm: {\n box: 'size-[calc(var(--spacing-md)*2)]',\n icon: 'size-4',\n },\n md: {\n box: 'size-[calc(var(--spacing-md)*2.5)]',\n icon: 'size-[1.125rem]',\n },\n xl: {\n box: 'size-[calc(var(--spacing-md)*4)]',\n icon: 'size-8',\n },\n} as const;\n\nfunction LeoIdentityTile({\n size,\n label,\n}: {\n size: keyof typeof LEO_TILE_SIZES;\n label: string;\n}) {\n const dims = LEO_TILE_SIZES[size];\n return (\n <span\n role=\"img\"\n aria-label={label}\n className={[\n 'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n 'ds:rounded-[var(--radius-full)]',\n // Subtle accent-tinted disc so the sparkle reads against both\n // light and dark surfaces without a hard-coded literal colour.\n 'ds:bg-[color-mix(in_srgb,var(--accent)_14%,transparent)]',\n 'ds:text-[color:var(--accent)]',\n // forced-colors: UA strips color-mix backgrounds; fall back to\n // a bordered disc so the identity still reads in HCM.\n 'ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n dims.box,\n ].join(' ')}\n >\n <Sparkles aria-hidden=\"true\" className={dims.icon} />\n </span>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* User identity tile — neutral companion to the Sparkles tile above. */\n/* Rendered when the caller has no user avatar to display, so the */\n/* conversation still has a consistent visual anchor on both sides. */\n/* Uses --muted/--muted-foreground so it reads as \"neutral person\" */\n/* without borrowing the brand accent. */\n/* ------------------------------------------------------------------ */\n\nfunction UserIdentityTile({\n size,\n label,\n}: {\n size: keyof typeof LEO_TILE_SIZES;\n label: string;\n}) {\n const dims = LEO_TILE_SIZES[size];\n return (\n <span\n role=\"img\"\n aria-label={label}\n className={[\n 'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]',\n 'ds:text-[color:var(--muted-foreground)]',\n 'ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n dims.box,\n ].join(' ')}\n >\n <User aria-hidden=\"true\" className={dims.icon} />\n </span>\n );\n}\n\n/**\n * Pick the right avatar shape for a user message.\n *\n * Precedence (highest wins):\n * 1. `userAvatar.slot` — caller supplied a fully custom node.\n * 2. `userAvatar.src` — caller supplied a photo (or initials override via `name`).\n * 3. `userAvatar.name` only — <Avatar> renders initials.\n * 4. Nothing supplied — fall back to the neutral `<UserIdentityTile>`.\n */\nfunction resolveUserAvatar(\n userAvatar: LeoUserAvatar | undefined,\n defaultLabel: string,\n) {\n if (!userAvatar) {\n return { slot: <UserIdentityTile size=\"sm\" label={defaultLabel} /> };\n }\n if (userAvatar.slot) return { slot: userAvatar.slot };\n // Pass the fields straight through; ChatMessage scrubs `src` with\n // `safeImageSrc` and falls back to initials from `name`.\n return { name: userAvatar.name, src: userAvatar.src };\n}\n\n/* ------------------------------------------------------------------ */\n/* Empty state — branded welcome shown when messages is empty */\n/* ------------------------------------------------------------------ */\n\ninterface EmptyStateProps {\n assistantName: string;\n avatarSrc?: string;\n greeting: string;\n subtitle: string;\n suggestions?: LeoSuggestion[];\n onSuggestion?: (suggestion: LeoSuggestion) => void;\n}\n\nfunction EmptyState({\n assistantName,\n avatarSrc,\n greeting,\n subtitle,\n suggestions,\n onSuggestion,\n}: EmptyStateProps) {\n const { t } = useTranslation();\n const headingId = 'leo-empty-state-heading';\n\n return (\n <section\n role=\"region\"\n aria-labelledby={headingId}\n className={[\n 'ds:flex ds:flex-1 ds:min-h-0 ds:flex-col ds:items-center ds:justify-center',\n 'ds:text-center',\n 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]',\n 'ds:pt-[var(--spacing-xl)] ds:pb-[var(--spacing-xl)]',\n 'ds:gap-[var(--spacing-md)]',\n ].join(' ')}\n data-testid=\"leo-empty-state\"\n >\n {avatarSrc ? (\n <Avatar name={assistantName} src={avatarSrc} size=\"xl\" />\n ) : (\n <LeoIdentityTile size=\"xl\" label={assistantName} />\n )}\n <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]\">\n <h2\n id={headingId}\n className=\"type-title-section ds:m-0 ds:text-[color:var(--foreground)]\"\n >\n {greeting}\n </h2>\n <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n {subtitle}\n </p>\n </div>\n {suggestions && suggestions.length > 0 ? (\n <div className=\"ds:w-full ds:max-w-[40rem]\">\n <SuggestionChipGroup\n label={t('leo.exampleQuestions')}\n className=\"ds:justify-center\"\n >\n {suggestions.map((s) => (\n <SuggestionChip\n key={s.id}\n intent=\"suggestion\"\n startIcon={s.icon}\n keepOnSelect\n onSelect={() => onSuggestion?.(s)}\n >\n {s.label}\n </SuggestionChip>\n ))}\n </SuggestionChipGroup>\n </div>\n ) : null}\n </section>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Streaming message — renders the last assistant message's body via */\n/* StreamingText when `streaming: true`. */\n/* ------------------------------------------------------------------ */\n\ninterface StreamingMessageProps {\n message: LeoMessage;\n assistantName: string;\n avatarSrc?: string;\n renderMarkdown?: boolean;\n}\n\nfunction StreamingMessage({\n message,\n assistantName,\n avatarSrc,\n renderMarkdown,\n}: StreamingMessageProps) {\n const { t, i18n } = useTranslation();\n const roleLabel = t('chat.message.role.assistant');\n const formattedTime = useMemo(() => {\n if (!message.timestamp) return null;\n const date =\n message.timestamp instanceof Date\n ? message.timestamp\n : new Date(message.timestamp);\n if (Number.isNaN(date.getTime())) return null;\n return new Intl.DateTimeFormat(i18n.language, {\n hour: '2-digit',\n minute: '2-digit',\n }).format(date);\n }, [message.timestamp, i18n.language]);\n\n const label = formattedTime\n ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n : t('chat.message.labelNoTime', { role: roleLabel });\n\n return (\n <article\n aria-label={label}\n className=\"ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]\"\n >\n {avatarSrc ? (\n <Avatar name={assistantName} src={avatarSrc} size=\"sm\" />\n ) : (\n <LeoIdentityTile size=\"sm\" label={assistantName} />\n )}\n <div className=\"ds:flex ds:flex-col ds:items-start\">\n <div\n dir=\"auto\"\n className={[\n 'ds:relative ds:max-w-[min(42rem,90%)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n 'type-body',\n 'ds:break-words',\n 'ds:bg-muted/40 ds:text-foreground',\n 'ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n ].join(' ')}\n >\n <StreamingText\n content={message.content}\n isStreaming={true}\n renderMarkdown={renderMarkdown}\n />\n </div>\n </div>\n </article>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Header bar — avatar + name + optional new-conversation + end slot */\n/* ------------------------------------------------------------------ */\n\ninterface HeaderBarProps {\n assistantName: string;\n avatarSrc?: string;\n onNewConversation?: () => void;\n headerEndSlot?: ReactNode;\n density: 'default' | 'compact';\n}\n\nfunction HeaderBar({\n assistantName,\n avatarSrc,\n onNewConversation,\n headerEndSlot,\n density,\n}: HeaderBarProps) {\n const { t } = useTranslation();\n return (\n <header\n aria-label={t('leo.headerLabel')}\n className={[\n 'ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:border-b ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n density === 'compact'\n ? 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]'\n : 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n ].join(' ')}\n data-testid=\"leo-header\"\n >\n {avatarSrc ? (\n <Avatar\n name={assistantName}\n src={avatarSrc}\n size={density === 'compact' ? 'sm' : 'md'}\n />\n ) : (\n <LeoIdentityTile\n size={density === 'compact' ? 'sm' : 'md'}\n label={assistantName}\n />\n )}\n <span className=\"type-title-item ds:text-[color:var(--foreground)]\">\n {assistantName}\n </span>\n <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n {onNewConversation ? (\n <Button\n intent=\"ghost\"\n size=\"sm\"\n startIcon={<Plus aria-hidden=\"true\" />}\n onClick={onNewConversation}\n >\n {t('leo.newConversation')}\n </Button>\n ) : null}\n {headerEndSlot}\n </div>\n </header>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Main export — LeoChatSurface */\n/* ------------------------------------------------------------------ */\n\nexport const LeoChatSurface = forwardRef<HTMLDivElement, LeoChatSurfaceProps>(\n (\n {\n messages,\n onSend,\n onRetry,\n onSuggestion,\n suggestions,\n isGenerating = false,\n onStopGenerating,\n usage,\n onUpgrade,\n assistantName,\n assistantAvatar,\n userAvatar,\n greeting,\n subtitle,\n density = 'default',\n renderMarkdown = true,\n onNewConversation,\n onAttach,\n acceptedFileTypes,\n headerEndSlot,\n },\n ref,\n ) => {\n const { t } = useTranslation();\n\n const resolvedName = assistantName ?? t('leo.name');\n const resolvedGreeting = greeting ?? t('leo.greeting');\n const resolvedSubtitle = subtitle ?? t('leo.subtitle');\n\n const lastMessage = messages[messages.length - 1];\n const lastIsStreamingAssistant =\n lastMessage?.role === 'assistant' && lastMessage.streaming === true;\n const listMessages = lastIsStreamingAssistant\n ? messages.slice(0, -1)\n : messages;\n\n // ChatContainer messages — each visible non-streaming message becomes\n // a ChatMessage; the streaming tail + typing indicator are appended.\n const containerMessages = useMemo(() => {\n const userLabel = t('chat.message.role.user');\n const base = listMessages.map((m) => {\n let avatar;\n if (m.role === 'assistant') {\n // Consumer-provided image wins; otherwise render the Sparkles tile.\n avatar = assistantAvatar?.src\n ? { name: resolvedName, src: assistantAvatar.src }\n : { slot: <LeoIdentityTile size=\"sm\" label={resolvedName} /> };\n } else if (m.role === 'user') {\n avatar = resolveUserAvatar(userAvatar, userLabel);\n }\n return {\n id: m.id,\n node: (\n <ChatMessage\n role={m.role}\n content={m.content}\n avatar={avatar}\n timestamp={m.timestamp}\n status={m.status}\n renderMarkdown={renderMarkdown}\n onRetry={onRetry ? () => onRetry(m.id) : undefined}\n />\n ),\n };\n });\n\n if (lastIsStreamingAssistant && lastMessage) {\n base.push({\n id: lastMessage.id,\n node: (\n <StreamingMessage\n message={lastMessage}\n assistantName={resolvedName}\n avatarSrc={assistantAvatar?.src}\n renderMarkdown={renderMarkdown}\n />\n ),\n });\n }\n\n if (isGenerating && !lastIsStreamingAssistant) {\n base.push({\n id: '__leo-typing__',\n node: (\n <div className=\"ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]\">\n {assistantAvatar?.src ? (\n <Avatar\n name={resolvedName}\n src={assistantAvatar.src}\n size=\"sm\"\n />\n ) : (\n <LeoIdentityTile size=\"sm\" label={resolvedName} />\n )}\n <div\n className={[\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n 'ds:bg-muted/40',\n ].join(' ')}\n >\n <TypingIndicator\n label={t('chat.typing')}\n density={density}\n />\n </div>\n </div>\n ),\n });\n }\n\n return base;\n }, [\n listMessages,\n lastIsStreamingAssistant,\n lastMessage,\n isGenerating,\n resolvedName,\n assistantAvatar?.src,\n userAvatar,\n renderMarkdown,\n onRetry,\n density,\n t,\n ]);\n\n // Usage progress data.\n const usagePercent = usage\n ? Math.min(100, Math.max(0, (usage.current / Math.max(1, usage.limit)) * 100))\n : 0;\n const usageFull = usage ? usage.current >= usage.limit : false;\n const usageLabel = usage\n ? usage.label ??\n t('leo.usageLabel', {\n current: usage.current,\n limit: usage.limit,\n })\n : null;\n\n const isEmpty = messages.length === 0 && !isGenerating;\n\n // Composer — disabled when usage is full.\n const composer = (\n <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n {usage ? (\n <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n <span\n className={[\n 'type-meta',\n usageFull\n ? 'ds:text-[color:var(--destructive)]'\n : 'ds:text-[color:var(--muted-foreground)]',\n ].join(' ')}\n data-testid=\"leo-usage-label\"\n >\n {usageFull ? t('leo.usageLimitReached') : usageLabel}\n </span>\n {usageFull && onUpgrade ? (\n <Button intent=\"primary\" size=\"sm\" onClick={onUpgrade}>\n {t('leo.upgrade')}\n </Button>\n ) : null}\n </div>\n <Progress\n value={usagePercent}\n max={100}\n size=\"sm\"\n ariaLabel={usageLabel ?? t('leo.usageLabel', {\n current: usage.current,\n limit: usage.limit,\n })}\n className={\n usageFull\n ? 'ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]'\n : undefined\n }\n data-testid=\"leo-usage-progress\"\n />\n </div>\n ) : null}\n {!isEmpty && suggestions && suggestions.length > 0 && !isGenerating ? (\n <SuggestionChipGroup\n label={t('leo.exampleQuestions')}\n data-testid=\"leo-followup-suggestions\"\n >\n {suggestions.map((s) => (\n <SuggestionChip\n key={s.id}\n intent=\"followup\"\n startIcon={s.icon}\n keepOnSelect\n onSelect={() => onSuggestion?.(s)}\n >\n {s.label}\n </SuggestionChip>\n ))}\n </SuggestionChipGroup>\n ) : null}\n <div className=\"ds:flex ds:items-end ds:gap-[var(--spacing-sm)]\">\n <div className=\"ds:flex-1 ds:min-w-0\">\n <ChatInput\n submitOnEnter\n onSubmit={onSend}\n onAttach={onAttach}\n accept={acceptedFileTypes}\n disabled={usageFull}\n data-testid=\"leo-composer\"\n />\n </div>\n {isGenerating && onStopGenerating ? (\n <Button\n intent=\"outline\"\n size=\"sm\"\n startIcon={<Square aria-hidden=\"true\" />}\n onClick={onStopGenerating}\n aria-label={t('leo.stopGenerating')}\n >\n {t('leo.stopGenerating')}\n </Button>\n ) : null}\n </div>\n </div>\n );\n\n return (\n <div\n ref={ref}\n className={[\n 'ds:flex ds:min-h-0 ds:flex-1 ds:flex-col',\n 'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n ].join(' ')}\n data-testid=\"leo-surface\"\n >\n <HeaderBar\n assistantName={resolvedName}\n avatarSrc={assistantAvatar?.src}\n onNewConversation={onNewConversation}\n headerEndSlot={headerEndSlot}\n density={density}\n />\n {isEmpty ? (\n <>\n <EmptyState\n assistantName={resolvedName}\n avatarSrc={assistantAvatar?.src}\n greeting={resolvedGreeting}\n subtitle={resolvedSubtitle}\n suggestions={suggestions}\n onSuggestion={onSuggestion}\n />\n <div\n className={[\n 'ds:shrink-0 ds:border-t ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n ].join(' ')}\n >\n {composer}\n </div>\n </>\n ) : (\n <ChatContainer\n messages={containerMessages}\n density={density}\n composer={composer}\n className=\"ds:flex-1 ds:min-h-0\"\n />\n )}\n </div>\n );\n },\n);\n\nLeoChatSurface.displayName = 'LeoChatSurface';\n","/**\n * Leo Assistant — embedded (full-page) mode. Fills the parent container\n * (typically `<AppFrame padded={false}>`'s `<main>` slot) with a\n * ChatGPT-style centred conversation column.\n */\nimport { forwardRef, type ReactNode } from 'react';\nimport { LeoChatSurface } from './leo-chat-surface';\nimport type { LeoChatSurfaceProps } from './leo-types';\n\nexport interface LeoEmbeddedProps extends LeoChatSurfaceProps {\n /** Optional slot rendered above the chat surface (e.g. a breadcrumb). */\n headerSlot?: ReactNode;\n}\n\nexport const LeoEmbedded = forwardRef<HTMLDivElement, LeoEmbeddedProps>(\n ({ headerSlot, ...surfaceProps }, ref) => {\n return (\n <div\n ref={ref}\n className={[\n 'ds:flex ds:min-h-0 ds:flex-1 ds:flex-col',\n 'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n 'ds:h-full ds:w-full',\n ].join(' ')}\n data-testid=\"leo-embedded\"\n >\n {headerSlot ? (\n <div\n className={[\n 'ds:shrink-0',\n 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n ].join(' ')}\n >\n {headerSlot}\n </div>\n ) : null}\n <div className=\"ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:items-stretch\">\n <div\n className={[\n 'ds:flex ds:min-h-0 ds:w-full ds:flex-1 ds:flex-col',\n 'ds:ms-auto ds:me-auto',\n 'ds:[max-inline-size:48rem]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n ].join(' ')}\n >\n <LeoChatSurface {...surfaceProps} />\n </div>\n </div>\n </div>\n );\n },\n);\n\nLeoEmbedded.displayName = 'LeoEmbedded';\n","/**\n * Leo Assistant — popout (FAB + Sheet) mode. A floating trigger button\n * anchored to the bottom-inline-end corner opens a slide-in `Sheet`\n * panel containing the same `LeoChatSurface` in compact density.\n *\n * Z-index: the FAB sits on `--z-fixed`; the Sheet sits on `--z-modal`.\n * Both render above the app chrome but below any open Dialog.\n */\nimport { forwardRef } from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { useTranslation } from 'react-i18next';\nimport { Sparkles, X } from 'lucide-react';\nimport { FloatingActionButton } from '../../components/floating-action-button';\nimport { IconButton } from '../../components/button';\nimport { Sheet } from '../../components/sheet';\nimport { LeoChatSurface } from './leo-chat-surface';\nimport type { LeoChatSurfaceProps } from './leo-types';\n\nexport interface LeoPopoutProps extends LeoChatSurfaceProps {\n /** Whether the popout panel is open. */\n open: boolean;\n /** Fires when the panel should open or close. */\n onOpenChange: (open: boolean) => void;\n /** Position of the FAB trigger. */\n position?: 'bottom-end' | 'bottom-start';\n /** Optional unseen message count badge on the FAB. */\n unseenCount?: number;\n}\n\nfunction formatBadgeCount(count: number): string {\n return count > 99 ? '99+' : String(count);\n}\n\nexport const LeoPopout = forwardRef<HTMLDivElement, LeoPopoutProps>(\n (\n {\n open,\n onOpenChange,\n position = 'bottom-end',\n unseenCount,\n assistantName,\n assistantAvatar,\n ...surfaceProps\n },\n ref,\n ) => {\n const { t } = useTranslation();\n // `|| t(…)` (not `??`) — also defaults when the host passes an empty\n // string so Radix Dialog's required `Sheet.Title` is never empty.\n const resolvedName = assistantName || t('leo.name');\n const showBadge = typeof unseenCount === 'number' && unseenCount > 0;\n\n const triggerLabel = showBadge\n ? t('leo.unseenCount', { count: unseenCount })\n : t('leo.open');\n\n // Close button injected into the chat surface header via the\n // headerEndSlot hook — keeps the Sheet's title wiring and DialogClose\n // semantics without duplicating the header shell.\n const headerEndSlot = (\n <RadixDialog.Close asChild>\n <IconButton\n icon={<X aria-hidden=\"true\" />}\n intent=\"ghost\"\n size=\"sm\"\n aria-label={t('leo.close')}\n data-testid=\"leo-popout-close\"\n />\n </RadixDialog.Close>\n );\n\n return (\n <Sheet.Root open={open} onOpenChange={onOpenChange}>\n {/* FAB trigger — sits outside the Sheet.Trigger so the unseen-\n count badge can overlay it. A Sheet.Trigger wrapper would\n turn the FAB into a button-inside-a-button. Instead, we\n invoke `onOpenChange(true)` on click. */}\n <div\n ref={ref}\n className={[\n 'ds:fixed ds:z-[var(--z-fixed)]',\n 'ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]',\n position === 'bottom-end'\n ? 'ds:end-[var(--spacing-lg)]'\n : 'ds:start-[var(--spacing-lg)]',\n ].join(' ')}\n data-testid=\"leo-popout-fab-wrapper\"\n >\n <div className=\"ds:relative\">\n <FloatingActionButton\n icon={<Sparkles aria-hidden=\"true\" />}\n aria-label={triggerLabel}\n variant=\"primary\"\n size=\"md\"\n position=\"static\"\n onClick={() => onOpenChange(true)}\n data-testid=\"leo-popout-fab\"\n />\n {showBadge ? (\n <span\n aria-hidden=\"true\"\n data-testid=\"leo-popout-badge\"\n className={[\n 'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n 'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n 'ds:pointer-events-none ds:select-none',\n 'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n ].join(' ')}\n >\n {formatBadgeCount(unseenCount)}\n </span>\n ) : null}\n </div>\n </div>\n\n <Sheet.Content\n side=\"end\"\n size=\"md\"\n aria-label={t('leo.panelLabel')}\n className=\"ds:flex ds:min-h-0 ds:flex-col ds:p-0\"\n data-testid=\"leo-popout-panel\"\n >\n {/* Sheet.Title is required by Radix Dialog for a11y. We hide it\n visually because LeoChatSurface renders its own header. */}\n <Sheet.Title className=\"ds:sr-only\">{resolvedName}</Sheet.Title>\n <LeoChatSurface\n {...surfaceProps}\n assistantName={resolvedName}\n assistantAvatar={assistantAvatar}\n density=\"compact\"\n headerEndSlot={headerEndSlot}\n />\n </Sheet.Content>\n </Sheet.Root>\n );\n },\n);\n\nLeoPopout.displayName = 'LeoPopout';\n","/**\n * Leo Assistant — sidebar (docked panel) mode.\n *\n * A persistent, non-modal panel that docks to the `inline-end` edge of\n * the layout. Unlike `LeoPopout` it does NOT trap focus or overlay\n * content — users can chat with Leo while continuing to interact with\n * the main surface. Collapses to an icon rail when `open={false}`.\n *\n * This is the intended **default desktop mode** for Leo once MCP tool\n * access and settings land: users will want Leo visible while they\n * configure servers, inspect tool runs, and reference data. On mobile\n * viewports the consuming app should flip to `LeoPopout` because a\n * 22rem sidebar would consume the entire screen.\n *\n * Unlike the popout (Radix Dialog) and embedded (full-page main) modes,\n * the sidebar is a plain `<aside>` landmark — it lives in the normal\n * layout flow and consumes inline space.\n */\nimport { forwardRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n ChevronsLeft,\n ChevronsRight,\n Sparkles,\n} from 'lucide-react';\nimport { IconButton } from '../../components/button';\nimport { LeoChatSurface } from './leo-chat-surface';\nimport type { LeoChatSurfaceProps } from './leo-types';\n\nexport interface LeoSidebarProps extends LeoChatSurfaceProps {\n /** Whether the sidebar is expanded. When false, a narrow icon rail\n * stays visible and clicking it fires `onOpenChange(true)`. */\n open: boolean;\n /** Fires when the user expands or collapses the sidebar. */\n onOpenChange: (open: boolean) => void;\n /** Which edge of the container the sidebar docks to. Defaults to\n * `'end'` (inline-end). RTL flips automatically via logical\n * properties. */\n side?: 'end' | 'start';\n /** Optional unseen-message count shown on the collapsed rail. */\n unseenCount?: number;\n /** Optional slot rendered under the chat surface (e.g. an MCP server\n * list or settings accordion). Future hook for the MCP panel. */\n footerSlot?: ReactNode;\n}\n\nfunction formatBadgeCount(count: number): string {\n return count > 99 ? '99+' : String(count);\n}\n\n// Fixed tokenised widths — keeps the pattern constraint-compliant (no\n// prop-driven inline styles). Consuming apps that need a different size\n// can wrap the sidebar in their own container and override via CSS.\nconst EXPANDED_WIDTH = '[inline-size:22rem]';\nconst RAIL_WIDTH = '[inline-size:3rem]';\n\nexport const LeoSidebar = forwardRef<HTMLElement, LeoSidebarProps>(\n (\n {\n open,\n onOpenChange,\n side = 'end',\n unseenCount,\n footerSlot,\n assistantName,\n assistantAvatar,\n ...surfaceProps\n },\n ref,\n ) => {\n const { t } = useTranslation();\n // `|| t(…)` — also defaults when the host passes an empty string,\n // so the collapsed-rail `aria-label` is never empty.\n const resolvedName = assistantName || t('leo.name');\n const showBadge = typeof unseenCount === 'number' && unseenCount > 0;\n\n // Border on the inline-edge that faces the main content area.\n const borderClass =\n side === 'end'\n ? 'border-s border-[color:var(--border)]'\n : 'border-e border-[color:var(--border)]';\n\n const triggerLabel = showBadge\n ? t('leo.unseenCount', { count: unseenCount })\n : t('leo.open');\n\n // Collapsed rail — a tall vertical strip with the Leo icon plus an\n // unseen badge. Clicking it expands the sidebar.\n if (!open) {\n return (\n <aside\n ref={ref}\n aria-label={t('leo.panelLabel')}\n className={[\n 'ds:flex ds:shrink-0 ds:flex-col ds:items-center',\n 'ds:bg-[var(--background)]',\n borderClass,\n 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n RAIL_WIDTH,\n ].join(' ')}\n data-testid=\"leo-sidebar-rail\"\n data-leo-sidebar-state=\"collapsed\"\n >\n <div className=\"ds:relative ds:[&_svg]:text-[color:var(--accent)]\">\n <IconButton\n icon={<Sparkles aria-hidden=\"true\" />}\n aria-label={triggerLabel}\n aria-expanded=\"false\"\n intent=\"ghost\"\n size=\"sm\"\n onClick={() => onOpenChange(true)}\n data-testid=\"leo-sidebar-rail-trigger\"\n />\n {showBadge ? (\n <span\n aria-hidden=\"true\"\n data-testid=\"leo-sidebar-badge\"\n className={[\n 'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n 'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n 'ds:pointer-events-none ds:select-none',\n 'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n ].join(' ')}\n >\n {formatBadgeCount(unseenCount)}\n </span>\n ) : null}\n </div>\n </aside>\n );\n }\n\n // Expanded panel — same LeoChatSurface as embedded / popout, in\n // compact density, with a collapse-toggle injected into the header.\n // Chevron points toward the docked edge so users read it as\n // \"collapse toward that side\".\n const headerEndSlot = (\n <IconButton\n icon={side === 'end' ? <ChevronsRight /> : <ChevronsLeft />}\n intent=\"ghost\"\n size=\"sm\"\n aria-label={t('leo.close')}\n aria-expanded=\"true\"\n onClick={() => onOpenChange(false)}\n data-testid=\"leo-sidebar-collapse\"\n />\n );\n\n return (\n <aside\n ref={ref}\n aria-label={t('leo.panelLabel')}\n className={[\n 'ds:flex ds:shrink-0 ds:flex-col ds:min-h-0',\n 'ds:bg-[var(--background)]',\n borderClass,\n EXPANDED_WIDTH,\n 'ds:h-full',\n ].join(' ')}\n data-testid=\"leo-sidebar\"\n data-leo-sidebar-state=\"expanded\"\n >\n <div className=\"ds:flex ds:min-h-0 ds:flex-1 ds:flex-col\">\n <LeoChatSurface\n {...surfaceProps}\n assistantName={resolvedName}\n assistantAvatar={assistantAvatar}\n density=\"compact\"\n headerEndSlot={headerEndSlot}\n />\n </div>\n {footerSlot ? (\n <div\n data-testid=\"leo-sidebar-footer-slot\"\n className=\"ds:shrink-0 ds:border-t ds:border-[color:var(--border)]\"\n >\n {footerSlot}\n </div>\n ) : null}\n </aside>\n );\n },\n);\n\nLeoSidebar.displayName = 'LeoSidebar';\n"],"names":["__iconNode","Sparkles","createLucideIcon","LEO_TILE_SIZES","LeoIdentityTile","size","label","dims","jsx","UserIdentityTile","User","resolveUserAvatar","userAvatar","defaultLabel","EmptyState","assistantName","avatarSrc","greeting","subtitle","suggestions","onSuggestion","t","useTranslation","headingId","jsxs","Avatar","SuggestionChipGroup","s","SuggestionChip","StreamingMessage","message","renderMarkdown","i18n","roleLabel","formattedTime","useMemo","date","StreamingText","HeaderBar","onNewConversation","headerEndSlot","density","Button","Plus","LeoChatSurface","forwardRef","messages","onSend","onRetry","isGenerating","onStopGenerating","usage","onUpgrade","assistantAvatar","onAttach","acceptedFileTypes","ref","resolvedName","resolvedGreeting","resolvedSubtitle","lastMessage","lastIsStreamingAssistant","listMessages","containerMessages","userLabel","base","m","avatar","ChatMessage","TypingIndicator","usagePercent","usageFull","usageLabel","isEmpty","composer","Progress","ChatInput","Square","Fragment","ChatContainer","LeoEmbedded","headerSlot","surfaceProps","formatBadgeCount","count","LeoPopout","open","onOpenChange","position","unseenCount","showBadge","triggerLabel","RadixDialog","IconButton","X","Sheet","FloatingActionButton","EXPANDED_WIDTH","RAIL_WIDTH","LeoSidebar","side","footerSlot","borderClass","ChevronsRight","ChevronsLeft"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"leo-sidebar-CNjZqljo.js","sources":["../../node_modules/lucide-react/dist/esm/icons/sparkles.js","../../src/patterns/leo-assistant/leo-chat-surface.tsx","../../src/patterns/leo-assistant/leo-embedded.tsx","../../src/patterns/leo-assistant/leo-popout.tsx","../../src/patterns/leo-assistant/leo-sidebar.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\n \"path\",\n {\n d: \"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\n key: \"1s2grr\"\n }\n ],\n [\"path\", { d: \"M20 2v4\", key: \"1rf3ol\" }],\n [\"path\", { d: \"M22 4h-4\", key: \"gwowj6\" }],\n [\"circle\", { cx: \"4\", cy: \"20\", r: \"2\", key: \"6kqj1y\" }]\n];\nconst Sparkles = createLucideIcon(\"sparkles\", __iconNode);\n\nexport { __iconNode, Sparkles as default };\n//# sourceMappingURL=sparkles.js.map\n","/**\n * Leo Assistant — inner chat surface shared between embedded and popout\n * modes. This is a pure presentational composition of existing DS\n * primitives and owns NO state, NO API calls, NO SSE parsing — the\n * consuming app drives `messages`, `isGenerating`, `usage`, and the\n * callbacks.\n */\nimport {\n forwardRef,\n useMemo,\n type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Plus, Sparkles, Square, User } from 'lucide-react';\nimport { Avatar } from '../../components/avatar';\nimport { Button } from '../../components/button';\nimport { ChatContainer } from '../../components/chat-container';\nimport { ChatMessage } from '../../components/chat-message';\nimport { ChatInput } from '../../components/chat-input';\nimport { StreamingText } from '../../components/streaming-text';\nimport {\n SuggestionChip,\n SuggestionChipGroup,\n} from '../../components/suggestion-chip';\nimport { TypingIndicator } from '../../components/typing-indicator';\nimport { Progress } from '../../components/progress';\nimport type {\n LeoChatSurfaceProps,\n LeoMessage,\n LeoSuggestion,\n LeoUserAvatar,\n} from './leo-types';\n\n/* ------------------------------------------------------------------ */\n/* Leo identity tile — Sparkles on an accent-tinted disc. */\n/* */\n/* Used in place of <Avatar> for Leo's own identity (header + empty */\n/* state + streaming/typing rows) so the visual identity matches the */\n/* collapsed sidebar rail trigger. When the consuming app supplies an */\n/* `assistantAvatar.src`, LeoChatSurface falls back to <Avatar> — the */\n/* sparkle is for the DS-provided default only. */\n/* */\n/* Sizes mirror the Avatar size scale we were replacing: */\n/* sm → 32px (row messages, streaming bubble, compact header) */\n/* md → 40px (default header) */\n/* xl → 64px (empty-state hero) */\n/* ------------------------------------------------------------------ */\n\nconst LEO_TILE_SIZES = {\n sm: {\n box: 'size-[calc(var(--spacing-md)*2)]',\n icon: 'size-4',\n },\n md: {\n box: 'size-[calc(var(--spacing-md)*2.5)]',\n icon: 'size-[1.125rem]',\n },\n xl: {\n box: 'size-[calc(var(--spacing-md)*4)]',\n icon: 'size-8',\n },\n} as const;\n\nfunction LeoIdentityTile({\n size,\n label,\n}: {\n size: keyof typeof LEO_TILE_SIZES;\n label: string;\n}) {\n const dims = LEO_TILE_SIZES[size];\n return (\n <span\n role=\"img\"\n aria-label={label}\n className={[\n 'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n 'ds:rounded-[var(--radius-full)]',\n // Subtle accent-tinted disc so the sparkle reads against both\n // light and dark surfaces without a hard-coded literal colour.\n 'ds:bg-[color-mix(in_srgb,var(--accent)_14%,transparent)]',\n 'ds:text-[color:var(--accent)]',\n // forced-colors: UA strips color-mix backgrounds; fall back to\n // a bordered disc so the identity still reads in HCM.\n 'ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n dims.box,\n ].join(' ')}\n >\n <Sparkles aria-hidden=\"true\" className={dims.icon} />\n </span>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* User identity tile — neutral companion to the Sparkles tile above. */\n/* Rendered when the caller has no user avatar to display, so the */\n/* conversation still has a consistent visual anchor on both sides. */\n/* Uses --muted/--muted-foreground so it reads as \"neutral person\" */\n/* without borrowing the brand accent. */\n/* ------------------------------------------------------------------ */\n\nfunction UserIdentityTile({\n size,\n label,\n}: {\n size: keyof typeof LEO_TILE_SIZES;\n label: string;\n}) {\n const dims = LEO_TILE_SIZES[size];\n return (\n <span\n role=\"img\"\n aria-label={label}\n className={[\n 'ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]',\n 'ds:text-[color:var(--muted-foreground)]',\n 'ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n dims.box,\n ].join(' ')}\n >\n <User aria-hidden=\"true\" className={dims.icon} />\n </span>\n );\n}\n\n/**\n * Pick the right avatar shape for a user message.\n *\n * Precedence (highest wins):\n * 1. `userAvatar.slot` — caller supplied a fully custom node.\n * 2. `userAvatar.src` — caller supplied a photo (or initials override via `name`).\n * 3. `userAvatar.name` only — <Avatar> renders initials.\n * 4. Nothing supplied — fall back to the neutral `<UserIdentityTile>`.\n */\nfunction resolveUserAvatar(\n userAvatar: LeoUserAvatar | undefined,\n defaultLabel: string,\n) {\n if (!userAvatar) {\n return { slot: <UserIdentityTile size=\"sm\" label={defaultLabel} /> };\n }\n if (userAvatar.slot) return { slot: userAvatar.slot };\n // Pass the fields straight through; ChatMessage scrubs `src` with\n // `safeImageSrc` and falls back to initials from `name`.\n return { name: userAvatar.name, src: userAvatar.src };\n}\n\n/* ------------------------------------------------------------------ */\n/* Empty state — branded welcome shown when messages is empty */\n/* ------------------------------------------------------------------ */\n\ninterface EmptyStateProps {\n assistantName: string;\n avatarSrc?: string;\n greeting: string;\n subtitle: string;\n suggestions?: LeoSuggestion[];\n onSuggestion?: (suggestion: LeoSuggestion) => void;\n}\n\nfunction EmptyState({\n assistantName,\n avatarSrc,\n greeting,\n subtitle,\n suggestions,\n onSuggestion,\n}: EmptyStateProps) {\n const { t } = useTranslation();\n const headingId = 'leo-empty-state-heading';\n\n return (\n <section\n role=\"region\"\n aria-labelledby={headingId}\n className={[\n 'ds:flex ds:flex-1 ds:min-h-0 ds:flex-col ds:items-center ds:justify-center',\n 'ds:text-center',\n 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]',\n 'ds:pt-[var(--spacing-xl)] ds:pb-[var(--spacing-xl)]',\n 'ds:gap-[var(--spacing-md)]',\n ].join(' ')}\n data-testid=\"leo-empty-state\"\n >\n {avatarSrc ? (\n <Avatar name={assistantName} src={avatarSrc} size=\"xl\" />\n ) : (\n <LeoIdentityTile size=\"xl\" label={assistantName} />\n )}\n <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]\">\n <h2\n id={headingId}\n className=\"type-title-section ds:m-0 ds:text-[color:var(--foreground)]\"\n >\n {greeting}\n </h2>\n <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n {subtitle}\n </p>\n </div>\n {suggestions && suggestions.length > 0 ? (\n <div className=\"ds:w-full ds:max-w-[40rem]\">\n <SuggestionChipGroup\n label={t('leo.exampleQuestions')}\n className=\"ds:justify-center\"\n >\n {suggestions.map((s) => (\n <SuggestionChip\n key={s.id}\n intent=\"suggestion\"\n startIcon={s.icon}\n keepOnSelect\n onSelect={() => onSuggestion?.(s)}\n >\n {s.label}\n </SuggestionChip>\n ))}\n </SuggestionChipGroup>\n </div>\n ) : null}\n </section>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Streaming message — renders the last assistant message's body via */\n/* StreamingText when `streaming: true`. */\n/* ------------------------------------------------------------------ */\n\ninterface StreamingMessageProps {\n message: LeoMessage;\n assistantName: string;\n avatarSrc?: string;\n renderMarkdown?: boolean;\n}\n\nfunction StreamingMessage({\n message,\n assistantName,\n avatarSrc,\n renderMarkdown,\n}: StreamingMessageProps) {\n const { t, i18n } = useTranslation();\n const roleLabel = t('chat.message.role.assistant');\n const formattedTime = useMemo(() => {\n if (!message.timestamp) return null;\n const date =\n message.timestamp instanceof Date\n ? message.timestamp\n : new Date(message.timestamp);\n if (Number.isNaN(date.getTime())) return null;\n return new Intl.DateTimeFormat(i18n.language, {\n hour: '2-digit',\n minute: '2-digit',\n }).format(date);\n }, [message.timestamp, i18n.language]);\n\n const label = formattedTime\n ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n : t('chat.message.labelNoTime', { role: roleLabel });\n\n return (\n <article\n aria-label={label}\n className=\"ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]\"\n >\n {avatarSrc ? (\n <Avatar name={assistantName} src={avatarSrc} size=\"sm\" />\n ) : (\n <LeoIdentityTile size=\"sm\" label={assistantName} />\n )}\n <div className=\"ds:flex ds:flex-col ds:items-start\">\n <div\n dir=\"auto\"\n className={[\n 'ds:relative ds:max-w-[min(42rem,90%)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n 'type-body',\n 'ds:break-words',\n 'ds:bg-muted/40 ds:text-foreground',\n 'ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n ].join(' ')}\n >\n <StreamingText\n content={message.content}\n isStreaming={true}\n renderMarkdown={renderMarkdown}\n />\n </div>\n </div>\n </article>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Header bar — avatar + name + optional new-conversation + end slot */\n/* ------------------------------------------------------------------ */\n\ninterface HeaderBarProps {\n assistantName: string;\n avatarSrc?: string;\n onNewConversation?: () => void;\n headerEndSlot?: ReactNode;\n density: 'default' | 'compact';\n}\n\nfunction HeaderBar({\n assistantName,\n avatarSrc,\n onNewConversation,\n headerEndSlot,\n density,\n}: HeaderBarProps) {\n const { t } = useTranslation();\n return (\n <header\n aria-label={t('leo.headerLabel')}\n className={[\n 'ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:border-b ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n density === 'compact'\n ? 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]'\n : 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n ].join(' ')}\n data-testid=\"leo-header\"\n >\n {avatarSrc ? (\n <Avatar\n name={assistantName}\n src={avatarSrc}\n size={density === 'compact' ? 'sm' : 'md'}\n />\n ) : (\n <LeoIdentityTile\n size={density === 'compact' ? 'sm' : 'md'}\n label={assistantName}\n />\n )}\n <span className=\"type-title-item ds:text-[color:var(--foreground)]\">\n {assistantName}\n </span>\n <div className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n {onNewConversation ? (\n <Button\n intent=\"ghost\"\n size=\"sm\"\n startIcon={<Plus aria-hidden=\"true\" />}\n onClick={onNewConversation}\n >\n {t('leo.newConversation')}\n </Button>\n ) : null}\n {headerEndSlot}\n </div>\n </header>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* Main export — LeoChatSurface */\n/* ------------------------------------------------------------------ */\n\nexport const LeoChatSurface = forwardRef<HTMLDivElement, LeoChatSurfaceProps>(\n (\n {\n messages,\n onSend,\n onRetry,\n onSuggestion,\n suggestions,\n isGenerating = false,\n onStopGenerating,\n usage,\n onUpgrade,\n assistantName,\n assistantAvatar,\n userAvatar,\n greeting,\n subtitle,\n density = 'default',\n renderMarkdown = true,\n onNewConversation,\n onAttach,\n acceptedFileTypes,\n headerEndSlot,\n },\n ref,\n ) => {\n const { t } = useTranslation();\n\n const resolvedName = assistantName ?? t('leo.name');\n const resolvedGreeting = greeting ?? t('leo.greeting');\n const resolvedSubtitle = subtitle ?? t('leo.subtitle');\n\n const lastMessage = messages[messages.length - 1];\n const lastIsStreamingAssistant =\n lastMessage?.role === 'assistant' && lastMessage.streaming === true;\n const listMessages = lastIsStreamingAssistant\n ? messages.slice(0, -1)\n : messages;\n\n // ChatContainer messages — each visible non-streaming message becomes\n // a ChatMessage; the streaming tail + typing indicator are appended.\n const containerMessages = useMemo(() => {\n const userLabel = t('chat.message.role.user');\n const base = listMessages.map((m) => {\n let avatar;\n if (m.role === 'assistant') {\n // Consumer-provided image wins; otherwise render the Sparkles tile.\n avatar = assistantAvatar?.src\n ? { name: resolvedName, src: assistantAvatar.src }\n : { slot: <LeoIdentityTile size=\"sm\" label={resolvedName} /> };\n } else if (m.role === 'user') {\n avatar = resolveUserAvatar(userAvatar, userLabel);\n }\n return {\n id: m.id,\n node: (\n <ChatMessage\n role={m.role}\n content={m.content}\n avatar={avatar}\n timestamp={m.timestamp}\n status={m.status}\n renderMarkdown={renderMarkdown}\n onRetry={onRetry ? () => onRetry(m.id) : undefined}\n />\n ),\n };\n });\n\n if (lastIsStreamingAssistant && lastMessage) {\n base.push({\n id: lastMessage.id,\n node: (\n <StreamingMessage\n message={lastMessage}\n assistantName={resolvedName}\n avatarSrc={assistantAvatar?.src}\n renderMarkdown={renderMarkdown}\n />\n ),\n });\n }\n\n if (isGenerating && !lastIsStreamingAssistant) {\n base.push({\n id: '__leo-typing__',\n node: (\n <div className=\"ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]\">\n {assistantAvatar?.src ? (\n <Avatar\n name={resolvedName}\n src={assistantAvatar.src}\n size=\"sm\"\n />\n ) : (\n <LeoIdentityTile size=\"sm\" label={resolvedName} />\n )}\n <div\n className={[\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n 'ds:bg-muted/40',\n ].join(' ')}\n >\n <TypingIndicator\n label={t('chat.typing')}\n density={density}\n />\n </div>\n </div>\n ),\n });\n }\n\n return base;\n }, [\n listMessages,\n lastIsStreamingAssistant,\n lastMessage,\n isGenerating,\n resolvedName,\n assistantAvatar?.src,\n userAvatar,\n renderMarkdown,\n onRetry,\n density,\n t,\n ]);\n\n // Usage progress data.\n const usagePercent = usage\n ? Math.min(100, Math.max(0, (usage.current / Math.max(1, usage.limit)) * 100))\n : 0;\n const usageFull = usage ? usage.current >= usage.limit : false;\n const usageLabel = usage\n ? usage.label ??\n t('leo.usageLabel', {\n current: usage.current,\n limit: usage.limit,\n })\n : null;\n\n const isEmpty = messages.length === 0 && !isGenerating;\n\n // Composer — disabled when usage is full.\n const composer = (\n <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n {usage ? (\n <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n <span\n className={[\n 'type-meta',\n usageFull\n ? 'ds:text-[color:var(--destructive)]'\n : 'ds:text-[color:var(--muted-foreground)]',\n ].join(' ')}\n data-testid=\"leo-usage-label\"\n >\n {usageFull ? t('leo.usageLimitReached') : usageLabel}\n </span>\n {usageFull && onUpgrade ? (\n <Button intent=\"primary\" size=\"sm\" onClick={onUpgrade}>\n {t('leo.upgrade')}\n </Button>\n ) : null}\n </div>\n <Progress\n value={usagePercent}\n max={100}\n size=\"sm\"\n ariaLabel={usageLabel ?? t('leo.usageLabel', {\n current: usage.current,\n limit: usage.limit,\n })}\n className={\n usageFull\n ? 'ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]'\n : undefined\n }\n data-testid=\"leo-usage-progress\"\n />\n </div>\n ) : null}\n {!isEmpty && suggestions && suggestions.length > 0 && !isGenerating ? (\n <SuggestionChipGroup\n label={t('leo.exampleQuestions')}\n data-testid=\"leo-followup-suggestions\"\n >\n {suggestions.map((s) => (\n <SuggestionChip\n key={s.id}\n intent=\"followup\"\n startIcon={s.icon}\n keepOnSelect\n onSelect={() => onSuggestion?.(s)}\n >\n {s.label}\n </SuggestionChip>\n ))}\n </SuggestionChipGroup>\n ) : null}\n <div className=\"ds:flex ds:items-end ds:gap-[var(--spacing-sm)]\">\n <div className=\"ds:flex-1 ds:min-w-0\">\n <ChatInput\n submitOnEnter\n onSubmit={onSend}\n onAttach={onAttach}\n accept={acceptedFileTypes}\n disabled={usageFull}\n data-testid=\"leo-composer\"\n />\n </div>\n {isGenerating && onStopGenerating ? (\n <Button\n intent=\"outline\"\n size=\"sm\"\n startIcon={<Square aria-hidden=\"true\" />}\n onClick={onStopGenerating}\n aria-label={t('leo.stopGenerating')}\n >\n {t('leo.stopGenerating')}\n </Button>\n ) : null}\n </div>\n </div>\n );\n\n return (\n <div\n ref={ref}\n className={[\n 'ds:flex ds:min-h-0 ds:flex-1 ds:flex-col',\n 'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n ].join(' ')}\n data-testid=\"leo-surface\"\n >\n <HeaderBar\n assistantName={resolvedName}\n avatarSrc={assistantAvatar?.src}\n onNewConversation={onNewConversation}\n headerEndSlot={headerEndSlot}\n density={density}\n />\n {isEmpty ? (\n <>\n <EmptyState\n assistantName={resolvedName}\n avatarSrc={assistantAvatar?.src}\n greeting={resolvedGreeting}\n subtitle={resolvedSubtitle}\n suggestions={suggestions}\n onSuggestion={onSuggestion}\n />\n <div\n className={[\n 'ds:shrink-0 ds:border-t ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n ].join(' ')}\n >\n {composer}\n </div>\n </>\n ) : (\n <ChatContainer\n messages={containerMessages}\n density={density}\n composer={composer}\n className=\"ds:flex-1 ds:min-h-0\"\n />\n )}\n </div>\n );\n },\n);\n\nLeoChatSurface.displayName = 'LeoChatSurface';\n","/**\n * Leo Assistant — embedded (full-page) mode. Fills the parent container\n * (typically `<AppFrame padded={false}>`'s `<main>` slot) with a\n * ChatGPT-style centred conversation column.\n */\nimport { forwardRef, type ReactNode } from 'react';\nimport { LeoChatSurface } from './leo-chat-surface';\nimport type { LeoChatSurfaceProps } from './leo-types';\n\nexport interface LeoEmbeddedProps extends LeoChatSurfaceProps {\n /** Optional slot rendered above the chat surface (e.g. a breadcrumb). */\n headerSlot?: ReactNode;\n}\n\nexport const LeoEmbedded = forwardRef<HTMLDivElement, LeoEmbeddedProps>(\n ({ headerSlot, ...surfaceProps }, ref) => {\n return (\n <div\n ref={ref}\n className={[\n 'ds:flex ds:min-h-0 ds:flex-1 ds:flex-col',\n 'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n 'ds:h-full ds:w-full',\n ].join(' ')}\n data-testid=\"leo-embedded\"\n >\n {headerSlot ? (\n <div\n className={[\n 'ds:shrink-0',\n 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n ].join(' ')}\n >\n {headerSlot}\n </div>\n ) : null}\n <div className=\"ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:items-stretch\">\n <div\n className={[\n 'ds:flex ds:min-h-0 ds:w-full ds:flex-1 ds:flex-col',\n 'ds:ms-auto ds:me-auto',\n 'ds:[max-inline-size:48rem]',\n 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n ].join(' ')}\n >\n <LeoChatSurface {...surfaceProps} />\n </div>\n </div>\n </div>\n );\n },\n);\n\nLeoEmbedded.displayName = 'LeoEmbedded';\n","/**\n * Leo Assistant — popout (FAB + Sheet) mode. A floating trigger button\n * anchored to the bottom-inline-end corner opens a slide-in `Sheet`\n * panel containing the same `LeoChatSurface` in compact density.\n *\n * Z-index: the FAB sits on `--z-fixed`; the Sheet sits on `--z-modal`.\n * Both render above the app chrome but below any open Dialog.\n */\nimport { forwardRef } from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { useTranslation } from 'react-i18next';\nimport { Sparkles, X } from 'lucide-react';\nimport { FloatingActionButton } from '../../components/floating-action-button';\nimport { IconButton } from '../../components/button';\nimport { Sheet } from '../../components/sheet';\nimport { LeoChatSurface } from './leo-chat-surface';\nimport type { LeoChatSurfaceProps } from './leo-types';\n\nexport interface LeoPopoutProps extends LeoChatSurfaceProps {\n /** Whether the popout panel is open. */\n open: boolean;\n /** Fires when the panel should open or close. */\n onOpenChange: (open: boolean) => void;\n /** Position of the FAB trigger. */\n position?: 'bottom-end' | 'bottom-start';\n /** Optional unseen message count badge on the FAB. */\n unseenCount?: number;\n}\n\nfunction formatBadgeCount(count: number): string {\n return count > 99 ? '99+' : String(count);\n}\n\nexport const LeoPopout = forwardRef<HTMLDivElement, LeoPopoutProps>(\n (\n {\n open,\n onOpenChange,\n position = 'bottom-end',\n unseenCount,\n assistantName,\n assistantAvatar,\n ...surfaceProps\n },\n ref,\n ) => {\n const { t } = useTranslation();\n // `|| t(…)` (not `??`) — also defaults when the host passes an empty\n // string so Radix Dialog's required `Sheet.Title` is never empty.\n const resolvedName = assistantName || t('leo.name');\n const showBadge = typeof unseenCount === 'number' && unseenCount > 0;\n\n const triggerLabel = showBadge\n ? t('leo.unseenCount', { count: unseenCount })\n : t('leo.open');\n\n // Close button injected into the chat surface header via the\n // headerEndSlot hook — keeps the Sheet's title wiring and DialogClose\n // semantics without duplicating the header shell.\n const headerEndSlot = (\n <RadixDialog.Close asChild>\n <IconButton\n icon={<X aria-hidden=\"true\" />}\n intent=\"ghost\"\n size=\"sm\"\n aria-label={t('leo.close')}\n data-testid=\"leo-popout-close\"\n />\n </RadixDialog.Close>\n );\n\n return (\n <Sheet.Root open={open} onOpenChange={onOpenChange}>\n {/* FAB trigger — sits outside the Sheet.Trigger so the unseen-\n count badge can overlay it. A Sheet.Trigger wrapper would\n turn the FAB into a button-inside-a-button. Instead, we\n invoke `onOpenChange(true)` on click. */}\n <div\n ref={ref}\n className={[\n 'ds:fixed ds:z-[var(--z-fixed)]',\n 'ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]',\n position === 'bottom-end'\n ? 'ds:end-[var(--spacing-lg)]'\n : 'ds:start-[var(--spacing-lg)]',\n ].join(' ')}\n data-testid=\"leo-popout-fab-wrapper\"\n >\n <div className=\"ds:relative\">\n <FloatingActionButton\n icon={<Sparkles aria-hidden=\"true\" />}\n aria-label={triggerLabel}\n variant=\"primary\"\n size=\"md\"\n position=\"static\"\n onClick={() => onOpenChange(true)}\n data-testid=\"leo-popout-fab\"\n />\n {showBadge ? (\n <span\n aria-hidden=\"true\"\n data-testid=\"leo-popout-badge\"\n className={[\n 'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n 'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n 'ds:pointer-events-none ds:select-none',\n 'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n ].join(' ')}\n >\n {formatBadgeCount(unseenCount)}\n </span>\n ) : null}\n </div>\n </div>\n\n <Sheet.Content\n side=\"end\"\n size=\"md\"\n aria-label={t('leo.panelLabel')}\n className=\"ds:flex ds:min-h-0 ds:flex-col ds:p-0\"\n data-testid=\"leo-popout-panel\"\n >\n {/* Sheet.Title is required by Radix Dialog for a11y. We hide it\n visually because LeoChatSurface renders its own header. */}\n <Sheet.Title className=\"ds:sr-only\">{resolvedName}</Sheet.Title>\n <LeoChatSurface\n {...surfaceProps}\n assistantName={resolvedName}\n assistantAvatar={assistantAvatar}\n density=\"compact\"\n headerEndSlot={headerEndSlot}\n />\n </Sheet.Content>\n </Sheet.Root>\n );\n },\n);\n\nLeoPopout.displayName = 'LeoPopout';\n","/**\n * Leo Assistant — sidebar (docked panel) mode.\n *\n * A persistent, non-modal panel that docks to the `inline-end` edge of\n * the layout. Unlike `LeoPopout` it does NOT trap focus or overlay\n * content — users can chat with Leo while continuing to interact with\n * the main surface. Collapses to an icon rail when `open={false}`.\n *\n * This is the intended **default desktop mode** for Leo once MCP tool\n * access and settings land: users will want Leo visible while they\n * configure servers, inspect tool runs, and reference data. On mobile\n * viewports the consuming app should flip to `LeoPopout` because a\n * 22rem sidebar would consume the entire screen.\n *\n * Unlike the popout (Radix Dialog) and embedded (full-page main) modes,\n * the sidebar is a plain `<aside>` landmark — it lives in the normal\n * layout flow and consumes inline space.\n */\nimport { forwardRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n ChevronsLeft,\n ChevronsRight,\n Sparkles,\n} from 'lucide-react';\nimport { IconButton } from '../../components/button';\nimport { LeoChatSurface } from './leo-chat-surface';\nimport type { LeoChatSurfaceProps } from './leo-types';\n\nexport interface LeoSidebarProps extends LeoChatSurfaceProps {\n /** Whether the sidebar is expanded. When false, a narrow icon rail\n * stays visible and clicking it fires `onOpenChange(true)`. */\n open: boolean;\n /** Fires when the user expands or collapses the sidebar. */\n onOpenChange: (open: boolean) => void;\n /** Which edge of the container the sidebar docks to. Defaults to\n * `'end'` (inline-end). RTL flips automatically via logical\n * properties. */\n side?: 'end' | 'start';\n /** Optional unseen-message count shown on the collapsed rail. */\n unseenCount?: number;\n /** Optional slot rendered under the chat surface (e.g. an MCP server\n * list or settings accordion). Future hook for the MCP panel. */\n footerSlot?: ReactNode;\n}\n\nfunction formatBadgeCount(count: number): string {\n return count > 99 ? '99+' : String(count);\n}\n\n// Fixed tokenised widths — keeps the pattern constraint-compliant (no\n// prop-driven inline styles). Consuming apps that need a different size\n// can wrap the sidebar in their own container and override via CSS.\nconst EXPANDED_WIDTH = '[inline-size:22rem]';\nconst RAIL_WIDTH = '[inline-size:3rem]';\n\nexport const LeoSidebar = forwardRef<HTMLElement, LeoSidebarProps>(\n (\n {\n open,\n onOpenChange,\n side = 'end',\n unseenCount,\n footerSlot,\n assistantName,\n assistantAvatar,\n ...surfaceProps\n },\n ref,\n ) => {\n const { t } = useTranslation();\n // `|| t(…)` — also defaults when the host passes an empty string,\n // so the collapsed-rail `aria-label` is never empty.\n const resolvedName = assistantName || t('leo.name');\n const showBadge = typeof unseenCount === 'number' && unseenCount > 0;\n\n // Border on the inline-edge that faces the main content area.\n const borderClass =\n side === 'end'\n ? 'border-s border-[color:var(--border)]'\n : 'border-e border-[color:var(--border)]';\n\n const triggerLabel = showBadge\n ? t('leo.unseenCount', { count: unseenCount })\n : t('leo.open');\n\n // Collapsed rail — a tall vertical strip with the Leo icon plus an\n // unseen badge. Clicking it expands the sidebar.\n if (!open) {\n return (\n <aside\n ref={ref}\n aria-label={t('leo.panelLabel')}\n className={[\n 'ds:flex ds:shrink-0 ds:flex-col ds:items-center',\n 'ds:bg-[var(--background)]',\n borderClass,\n 'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n RAIL_WIDTH,\n ].join(' ')}\n data-testid=\"leo-sidebar-rail\"\n data-leo-sidebar-state=\"collapsed\"\n >\n <div className=\"ds:relative ds:[&_svg]:text-[color:var(--accent)]\">\n <IconButton\n icon={<Sparkles aria-hidden=\"true\" />}\n aria-label={triggerLabel}\n aria-expanded=\"false\"\n intent=\"ghost\"\n size=\"sm\"\n onClick={() => onOpenChange(true)}\n data-testid=\"leo-sidebar-rail-trigger\"\n />\n {showBadge ? (\n <span\n aria-hidden=\"true\"\n data-testid=\"leo-sidebar-badge\"\n className={[\n 'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n 'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n 'ds:rounded-[var(--radius-full)]',\n 'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n 'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n 'ds:pointer-events-none ds:select-none',\n 'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n ].join(' ')}\n >\n {formatBadgeCount(unseenCount)}\n </span>\n ) : null}\n </div>\n </aside>\n );\n }\n\n // Expanded panel — same LeoChatSurface as embedded / popout, in\n // compact density, with a collapse-toggle injected into the header.\n // Chevron points toward the docked edge so users read it as\n // \"collapse toward that side\".\n const headerEndSlot = (\n <IconButton\n icon={side === 'end' ? <ChevronsRight /> : <ChevronsLeft />}\n intent=\"ghost\"\n size=\"sm\"\n aria-label={t('leo.close')}\n aria-expanded=\"true\"\n onClick={() => onOpenChange(false)}\n data-testid=\"leo-sidebar-collapse\"\n />\n );\n\n return (\n <aside\n ref={ref}\n aria-label={t('leo.panelLabel')}\n className={[\n 'ds:flex ds:shrink-0 ds:flex-col ds:min-h-0',\n 'ds:bg-[var(--background)]',\n borderClass,\n EXPANDED_WIDTH,\n 'ds:h-full',\n ].join(' ')}\n data-testid=\"leo-sidebar\"\n data-leo-sidebar-state=\"expanded\"\n >\n <div className=\"ds:flex ds:min-h-0 ds:flex-1 ds:flex-col\">\n <LeoChatSurface\n {...surfaceProps}\n assistantName={resolvedName}\n assistantAvatar={assistantAvatar}\n density=\"compact\"\n headerEndSlot={headerEndSlot}\n />\n </div>\n {footerSlot ? (\n <div\n data-testid=\"leo-sidebar-footer-slot\"\n className=\"ds:shrink-0 ds:border-t ds:border-[color:var(--border)]\"\n >\n {footerSlot}\n </div>\n ) : null}\n </aside>\n );\n },\n);\n\nLeoSidebar.displayName = 'LeoSidebar';\n"],"names":["__iconNode","Sparkles","createLucideIcon","LEO_TILE_SIZES","LeoIdentityTile","size","label","dims","jsx","UserIdentityTile","User","resolveUserAvatar","userAvatar","defaultLabel","EmptyState","assistantName","avatarSrc","greeting","subtitle","suggestions","onSuggestion","t","useTranslation","headingId","jsxs","Avatar","SuggestionChipGroup","s","SuggestionChip","StreamingMessage","message","renderMarkdown","i18n","roleLabel","formattedTime","useMemo","date","StreamingText","HeaderBar","onNewConversation","headerEndSlot","density","Button","Plus","LeoChatSurface","forwardRef","messages","onSend","onRetry","isGenerating","onStopGenerating","usage","onUpgrade","assistantAvatar","onAttach","acceptedFileTypes","ref","resolvedName","resolvedGreeting","resolvedSubtitle","lastMessage","lastIsStreamingAssistant","listMessages","containerMessages","userLabel","base","m","avatar","ChatMessage","TypingIndicator","usagePercent","usageFull","usageLabel","isEmpty","composer","Progress","ChatInput","Square","Fragment","ChatContainer","LeoEmbedded","headerSlot","surfaceProps","formatBadgeCount","count","LeoPopout","open","onOpenChange","position","unseenCount","showBadge","triggerLabel","RadixDialog","IconButton","X","Sheet","FloatingActionButton","EXPANDED_WIDTH","RAIL_WIDTH","LeoSidebar","side","footerSlot","borderClass","ChevronsRight","ChevronsLeft"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -213,6 +213,7 @@ const T = J(
|
|
|
213
213
|
"aria-multiselectable": I ? !0 : void 0,
|
|
214
214
|
"aria-disabled": d ? !0 : void 0,
|
|
215
215
|
className: j,
|
|
216
|
+
"data-component": "list",
|
|
216
217
|
...f,
|
|
217
218
|
children: a
|
|
218
219
|
}
|
|
@@ -225,6 +226,7 @@ const T = J(
|
|
|
225
226
|
role: "list",
|
|
226
227
|
start: x,
|
|
227
228
|
className: j,
|
|
229
|
+
"data-component": "list",
|
|
228
230
|
...f,
|
|
229
231
|
children: a
|
|
230
232
|
}
|
|
@@ -234,6 +236,7 @@ const T = J(
|
|
|
234
236
|
ref: F,
|
|
235
237
|
role: "list",
|
|
236
238
|
className: j,
|
|
239
|
+
"data-component": "list",
|
|
237
240
|
...f,
|
|
238
241
|
children: a
|
|
239
242
|
}
|
|
@@ -353,4 +356,4 @@ const le = Object.assign(T, {
|
|
|
353
356
|
export {
|
|
354
357
|
le as L
|
|
355
358
|
};
|
|
356
|
-
//# sourceMappingURL=list-
|
|
359
|
+
//# sourceMappingURL=list-B1ozIjQe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-B1ozIjQe.js","sources":["../../src/components/list/list.tsx"],"sourcesContent":["import {\n Children,\n createContext,\n forwardRef,\n isValidElement,\n useCallback,\n useContext,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* Context */\n/* ------------------------------------------------------------------ */\n\ninterface ListContextValue {\n selection: 'none' | 'single' | 'multiple';\n selectedValues: Set<string>;\n focusedValue: string | null;\n disabled: boolean;\n enabledItemValues: string[];\n onItemSelect: (value: string) => void;\n onItemFocus: (value: string) => void;\n onItemKeyDown: (e: KeyboardEvent<HTMLElement>, value: string) => void;\n registerItemRef: (value: string, el: HTMLElement | null) => void;\n divider: 'spaced' | 'divided' | 'bordered';\n}\n\nconst ListContext = createContext<ListContextValue>({\n selection: 'none',\n selectedValues: new Set(),\n focusedValue: null,\n disabled: false,\n enabledItemValues: [],\n onItemSelect: () => {},\n onItemFocus: () => {},\n onItemKeyDown: () => {},\n registerItemRef: () => {},\n divider: 'spaced',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA variants */\n/* ------------------------------------------------------------------ */\n\nconst listVariants = cva('ds:flex ds:flex-col ds:p-0 ds:m-0', {\n variants: {\n divider: {\n spaced: '',\n divided: '',\n bordered:\n 'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-md)] ds:overflow-hidden',\n },\n density: {\n compact: 'ds:gap-[var(--spacing-xs)]',\n default: 'ds:gap-[var(--spacing-sm)]',\n relaxed: 'ds:gap-[var(--spacing-md)]',\n },\n ordered: {\n true: 'ds:list-decimal ds:ps-[var(--spacing-lg)]',\n false: 'ds:list-none',\n },\n },\n defaultVariants: {\n divider: 'spaced',\n density: 'default',\n ordered: false,\n },\n});\n\nconst listItemVariants = cva(\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n {\n variants: {\n divider: {\n spaced: '',\n divided: 'ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]',\n bordered: 'ds:[&:not(:last-child)]:[border-block-end:1px_solid_var(--border)]',\n },\n interactive: {\n // flex lives on the outer <div role=\"option\"> so it doesn't suppress ::marker on <li>\n true: [\n 'ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]',\n 'ds:min-h-[var(--min-target-size)] ds:cursor-pointer ds:select-none',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n ].join(' '),\n // no flex here — <li> keeps display:list-item so ::marker renders correctly\n false: '',\n },\n selected: {\n true: '',\n false: '',\n },\n disabled: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n {\n interactive: true,\n selected: false,\n disabled: false,\n className: 'ds:hover:bg-[color:var(--muted)]/20',\n },\n {\n interactive: true,\n selected: true,\n className: 'ds:bg-[color:var(--primary)]/10',\n },\n {\n interactive: true,\n disabled: true,\n className: 'ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none',\n },\n ],\n defaultVariants: {\n divider: 'spaced',\n interactive: false,\n selected: false,\n disabled: false,\n },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types */\n/* ------------------------------------------------------------------ */\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n as?: 'ul' | 'ol';\n start?: number;\n divider?: 'spaced' | 'divided' | 'bordered';\n density?: 'compact' | 'default' | 'relaxed';\n selection?: 'none' | 'single' | 'multiple';\n value?: string | string[];\n defaultValue?: string | string[];\n onValueChange?: (value: string | string[]) => void;\n disabled?: boolean;\n children: ReactNode;\n className?: string;\n}\n\nexport interface ListItemProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n value?: string;\n leading?: ReactNode;\n title: ReactNode;\n description?: ReactNode;\n trailing?: ReactNode;\n lineClamp?: number;\n disabled?: boolean;\n className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers */\n/* ------------------------------------------------------------------ */\n\nfunction collectItemInfo(children: ReactNode): Array<{ value: string; disabled: boolean }> {\n const items: Array<{ value: string; disabled: boolean }> = [];\n Children.forEach(children, (child) => {\n if (!isValidElement(child)) return;\n const props = child.props as { value?: unknown; disabled?: unknown };\n if (typeof props.value === 'string') {\n items.push({ value: props.value, disabled: Boolean(props.disabled) });\n }\n });\n return items;\n}\n\n/* ------------------------------------------------------------------ */\n/* ListRoot */\n/* ------------------------------------------------------------------ */\n\nconst ListRoot = forwardRef<HTMLElement, ListProps>(\n (\n {\n as = 'ul',\n start,\n divider = 'spaced',\n density = 'default',\n selection = 'none',\n value: controlledValue,\n defaultValue,\n onValueChange,\n disabled = false,\n className,\n children,\n 'aria-label': ariaLabel,\n ...props\n },\n ref,\n ) => {\n const { t } = useTranslation();\n const isSelectable = selection !== 'none';\n const isMultiple = selection === 'multiple';\n const isControlled = controlledValue !== undefined;\n\n const [internalValue, setInternalValue] = useState<string[]>(() => {\n if (defaultValue === undefined) return [];\n return Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n });\n\n const selectedValues = useMemo<Set<string>>(() => {\n if (isControlled) {\n const v = controlledValue!;\n return new Set(Array.isArray(v) ? v : [v]);\n }\n return new Set(internalValue);\n }, [isControlled, controlledValue, internalValue]);\n\n const allItemInfo = useMemo(() => collectItemInfo(children), [children]);\n const enabledItemValues = useMemo(\n () => allItemInfo.filter((i) => !i.disabled && !disabled).map((i) => i.value),\n [allItemInfo, disabled],\n );\n\n const [focusedValue, setFocusedValue] = useState<string | null>(null);\n\n const itemRefs = useRef<Map<string, HTMLElement>>(new Map());\n\n const registerItemRef = useCallback((value: string, el: HTMLElement | null) => {\n if (el) {\n itemRefs.current.set(value, el);\n } else {\n itemRefs.current.delete(value);\n }\n }, []);\n\n const focusItem = useCallback((value: string) => {\n setFocusedValue(value);\n requestAnimationFrame(() => {\n itemRefs.current.get(value)?.focus();\n });\n }, []);\n\n const commit = useCallback(\n (next: string[]) => {\n if (!isControlled) setInternalValue(next);\n if (isMultiple) {\n onValueChange?.(next);\n } else {\n onValueChange?.(next[0] ?? '');\n }\n },\n [isControlled, isMultiple, onValueChange],\n );\n\n const handleItemSelect = useCallback(\n (itemValue: string) => {\n if (disabled) return;\n if (!isSelectable) return;\n if (isMultiple) {\n const current = [...selectedValues];\n if (selectedValues.has(itemValue)) {\n commit(current.filter((v) => v !== itemValue));\n } else {\n commit([...current, itemValue]);\n }\n } else {\n if (selectedValues.has(itemValue)) {\n commit([]);\n } else {\n commit([itemValue]);\n }\n }\n },\n [disabled, isSelectable, isMultiple, selectedValues, commit],\n );\n\n const handleItemFocus = useCallback((value: string) => {\n setFocusedValue(value);\n }, []);\n\n const handleItemKeyDown = useCallback(\n (e: KeyboardEvent<HTMLElement>, itemValue: string) => {\n if (!isSelectable) return;\n const currentIndex = enabledItemValues.indexOf(itemValue);\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n const next = enabledItemValues[currentIndex + 1];\n if (next !== undefined) focusItem(next);\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n const prev = enabledItemValues[currentIndex - 1];\n if (prev !== undefined) focusItem(prev);\n break;\n }\n case 'Home': {\n e.preventDefault();\n const first = enabledItemValues[0];\n if (first !== undefined) focusItem(first);\n break;\n }\n case 'End': {\n e.preventDefault();\n const last = enabledItemValues[enabledItemValues.length - 1];\n if (last !== undefined) focusItem(last);\n break;\n }\n case ' ':\n case 'Enter': {\n e.preventDefault();\n handleItemSelect(itemValue);\n break;\n }\n }\n },\n [isSelectable, enabledItemValues, focusItem, handleItemSelect],\n );\n\n const ctxValue: ListContextValue = {\n selection,\n selectedValues,\n focusedValue,\n disabled,\n enabledItemValues,\n onItemSelect: handleItemSelect,\n onItemFocus: handleItemFocus,\n onItemKeyDown: handleItemKeyDown,\n registerItemRef,\n divider,\n };\n\n const classes = listVariants({ divider, density, ordered: as === 'ol', className });\n\n if (isSelectable) {\n if (import.meta.env.DEV && !ariaLabel && !props['aria-labelledby']) {\n console.warn(\n 'List: a selectable list (role=\"listbox\") should have an accessible name. ' +\n 'Pass aria-label or aria-labelledby to satisfy WCAG 4.1.2.',\n );\n }\n const resolvedAriaLabel = ariaLabel ?? t('ui.list.label', 'List');\n return (\n <ListContext.Provider value={ctxValue}>\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"listbox\"\n aria-label={resolvedAriaLabel}\n aria-multiselectable={isMultiple ? true : undefined}\n aria-disabled={disabled ? true : undefined}\n className={classes}\n data-component=\"list\"\n {...props}\n >\n {children}\n </div>\n </ListContext.Provider>\n );\n }\n\n if (as === 'ol') {\n return (\n <ListContext.Provider value={ctxValue}>\n <ol\n ref={ref as React.Ref<HTMLOListElement>}\n role=\"list\"\n start={start}\n className={classes}\n data-component=\"list\"\n {...(props as HTMLAttributes<HTMLOListElement>)}\n >\n {children}\n </ol>\n </ListContext.Provider>\n );\n }\n\n return (\n <ListContext.Provider value={ctxValue}>\n <ul\n ref={ref as React.Ref<HTMLUListElement>}\n role=\"list\"\n className={classes}\n data-component=\"list\"\n {...(props as HTMLAttributes<HTMLUListElement>)}\n >\n {children}\n </ul>\n </ListContext.Provider>\n );\n },\n);\nListRoot.displayName = 'List';\n\n/* ------------------------------------------------------------------ */\n/* ListItem */\n/* ------------------------------------------------------------------ */\n\nconst ListItem = forwardRef<HTMLElement, ListItemProps>(\n (\n {\n value,\n leading,\n title,\n description,\n trailing,\n lineClamp,\n disabled: itemDisabled = false,\n className,\n onClick,\n onFocus,\n onKeyDown,\n ...props\n },\n ref,\n ) => {\n const {\n selection,\n selectedValues,\n focusedValue,\n disabled: groupDisabled,\n enabledItemValues,\n onItemSelect,\n onItemFocus,\n onItemKeyDown,\n registerItemRef,\n divider,\n } = useContext(ListContext);\n\n const isSelectable = selection !== 'none';\n const isDisabled = groupDisabled || itemDisabled;\n const isSelected = value !== undefined ? selectedValues.has(value) : false;\n const isFocused = value !== undefined && focusedValue === value;\n const isFirstEnabled = value !== undefined && enabledItemValues[0] === value;\n const tabIndex = isSelectable\n ? focusedValue !== null\n ? isFocused && !isDisabled\n ? 0\n : -1\n : isFirstEnabled && !isDisabled\n ? 0\n : -1\n : undefined;\n\n const descRef = useRef<HTMLSpanElement>(null);\n useLayoutEffect(() => {\n const el = descRef.current;\n if (!el) return;\n if (lineClamp != null) {\n el.style.setProperty('--list-item-clamp', String(lineClamp));\n } else {\n el.style.removeProperty('--list-item-clamp');\n }\n }, [lineClamp]);\n\n const internalRef = useCallback(\n (el: HTMLElement | null) => {\n if (value) registerItemRef(value, el);\n if (typeof ref === 'function') {\n ref(el);\n } else if (ref) {\n (ref as React.MutableRefObject<HTMLElement | null>).current = el;\n }\n },\n [value, registerItemRef, ref],\n );\n\n const handleClick = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (isSelectable && value && !isDisabled) {\n onItemSelect(value);\n }\n (onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(e);\n },\n [isSelectable, value, isDisabled, onItemSelect, onClick],\n );\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLElement>) => {\n if (value) onItemFocus(value);\n (onFocus as React.FocusEventHandler<HTMLElement> | undefined)?.(e);\n },\n [value, onItemFocus, onFocus],\n );\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent<HTMLElement>) => {\n if (value) onItemKeyDown(e, value);\n (onKeyDown as React.KeyboardEventHandler<HTMLElement> | undefined)?.(e);\n },\n [value, onItemKeyDown, onKeyDown],\n );\n\n const itemClasses = listItemVariants({\n divider,\n interactive: isSelectable,\n selected: isSelected,\n disabled: isDisabled,\n className,\n });\n\n const content = (\n <>\n {leading && (\n <span className=\"ds:shrink-0 ds:flex ds:items-center ds:justify-center\">\n {leading}\n </span>\n )}\n <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0\">\n <span className=\"ds:text-[color:var(--foreground)] ds:text-[length:var(--font-size-sm)] ds:font-medium ds:leading-[var(--line-height-base)] ds:[overflow-wrap:anywhere]\">\n {title}\n </span>\n {description && (\n <span\n ref={descRef}\n className={[\n 'ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)] ds:leading-[var(--line-height-base)]',\n lineClamp != null\n ? 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:var(--list-item-clamp)]'\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {description}\n </span>\n )}\n </div>\n {trailing && (\n <span className=\"ds:shrink-0 ds:flex ds:items-center ds:justify-center\">\n {trailing}\n </span>\n )}\n </>\n );\n\n if (isSelectable) {\n return (\n <div\n ref={internalRef as React.Ref<HTMLDivElement>}\n role=\"option\"\n aria-selected={isSelected}\n aria-disabled={isDisabled ? true : undefined}\n tabIndex={tabIndex}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n className={itemClasses}\n {...props}\n >\n {content}\n </div>\n );\n }\n\n return (\n <li\n ref={internalRef as React.Ref<HTMLLIElement>}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n className={itemClasses}\n {...props}\n >\n {/* Inner flex wrapper keeps <li> as display:list-item so ::marker renders */}\n <div className=\"ds:flex ds:items-center ds:gap-x-[var(--spacing-sm)]\">\n {content}\n </div>\n </li>\n );\n },\n);\nListItem.displayName = 'List.Item';\n\n/* ------------------------------------------------------------------ */\n/* Compound export */\n/* ------------------------------------------------------------------ */\n\nexport const List = Object.assign(ListRoot, {\n Root: ListRoot,\n Item: ListItem,\n});\n\nexport type { ListContextValue };\n"],"names":["ListContext","createContext","listVariants","cva","listItemVariants","collectItemInfo","children","items","Children","child","isValidElement","props","ListRoot","forwardRef","as","start","divider","density","selection","controlledValue","defaultValue","onValueChange","disabled","className","ariaLabel","ref","t","useTranslation","isSelectable","isMultiple","isControlled","internalValue","setInternalValue","useState","selectedValues","useMemo","v","allItemInfo","enabledItemValues","i","focusedValue","setFocusedValue","itemRefs","useRef","registerItemRef","useCallback","value","el","focusItem","_a","commit","next","handleItemSelect","itemValue","current","handleItemFocus","handleItemKeyDown","currentIndex","prev","first","last","ctxValue","classes","resolvedAriaLabel","jsx","ListItem","leading","title","description","trailing","lineClamp","itemDisabled","onClick","onFocus","onKeyDown","groupDisabled","onItemSelect","onItemFocus","onItemKeyDown","useContext","isDisabled","isSelected","isFocused","isFirstEnabled","tabIndex","descRef","useLayoutEffect","internalRef","handleClick","e","handleFocus","handleKeyDown","itemClasses","content","jsxs","Fragment","List"],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p, useState as w, useEffect as L } from "react";
|
|
3
|
+
import { c as g } from "./index-D2ZczOXr.js";
|
|
4
|
+
const R = g("", {
|
|
5
|
+
variants: {
|
|
6
|
+
visuallyHidden: {
|
|
7
|
+
true: "ds:sr-only",
|
|
8
|
+
false: ""
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
visuallyHidden: !0
|
|
13
|
+
}
|
|
14
|
+
}), h = p(
|
|
15
|
+
({
|
|
16
|
+
politeness: e = "polite",
|
|
17
|
+
atomic: s = !0,
|
|
18
|
+
relevant: d,
|
|
19
|
+
delay: r = 0,
|
|
20
|
+
as: u = "div",
|
|
21
|
+
visuallyHidden: v = !0,
|
|
22
|
+
className: l,
|
|
23
|
+
children: i,
|
|
24
|
+
...f
|
|
25
|
+
}, c) => {
|
|
26
|
+
const [t, a] = w(
|
|
27
|
+
r > 0 ? null : i
|
|
28
|
+
);
|
|
29
|
+
L(() => {
|
|
30
|
+
if (r <= 0) {
|
|
31
|
+
a(i);
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const m = window.setTimeout(() => {
|
|
35
|
+
a(i);
|
|
36
|
+
}, r);
|
|
37
|
+
return () => {
|
|
38
|
+
window.clearTimeout(m);
|
|
39
|
+
};
|
|
40
|
+
}, [i, r]);
|
|
41
|
+
const o = {
|
|
42
|
+
ref: c,
|
|
43
|
+
role: e === "assertive" ? "alert" : e === "polite" ? "status" : void 0,
|
|
44
|
+
"aria-live": e === "off" ? void 0 : e,
|
|
45
|
+
"aria-atomic": s ? !0 : void 0,
|
|
46
|
+
"aria-relevant": d,
|
|
47
|
+
className: R({ visuallyHidden: v, className: l }),
|
|
48
|
+
"data-component": "live-region",
|
|
49
|
+
...f
|
|
50
|
+
};
|
|
51
|
+
return u === "span" ? /* @__PURE__ */ n("span", { ...o, children: t }) : /* @__PURE__ */ n("div", { ...o, children: t });
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
h.displayName = "LiveRegion";
|
|
55
|
+
export {
|
|
56
|
+
h as L
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=live-region-C41SO3cA.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"live-region-
|
|
1
|
+
{"version":3,"file":"live-region-C41SO3cA.js","sources":["../../src/components/live-region/live-region.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useState,\n type HTMLAttributes,\n type ReactNode,\n type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst liveRegionVariants = cva('', {\n variants: {\n visuallyHidden: {\n true: 'ds:sr-only',\n false: '',\n },\n },\n defaultVariants: {\n visuallyHidden: true,\n },\n});\n\nexport type LiveRegionPoliteness = 'polite' | 'assertive' | 'off';\nexport type LiveRegionRelevant =\n | 'additions'\n | 'removals'\n | 'text'\n | 'all';\nexport type LiveRegionElement = 'div' | 'span';\n\nexport interface LiveRegionProps\n extends Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>,\n VariantProps<typeof liveRegionVariants> {\n /**\n * `aria-live` politeness. `off` removes the live region announcement\n * but keeps the DOM container.\n * @default 'polite'\n */\n politeness?: LiveRegionPoliteness;\n /**\n * Whether AT should announce the entire region on update.\n * @default true\n */\n atomic?: boolean;\n /**\n * Which mutation kinds AT should announce.\n */\n relevant?: LiveRegionRelevant;\n /**\n * Defer rendering of `children` by this many milliseconds. Useful when a\n * message updates within the same React commit as the region mounts —\n * many screen readers miss messages that appear synchronously with the\n * region itself. A small delay (50–150ms) makes the change observable.\n * @default 0\n */\n delay?: number;\n /**\n * Element to render. `div` is block-level (default), `span` for inline.\n * @default 'div'\n */\n as?: LiveRegionElement;\n /**\n * When true (the default), the region is rendered with `sr-only` so it\n * is announced but not visually shown. Set to `false` to render\n * visibly — useful for status messages that should appear on screen.\n * @default true\n */\n visuallyHidden?: boolean;\n children?: ReactNode;\n}\n\nexport const LiveRegion = forwardRef<HTMLElement, LiveRegionProps>(\n (\n {\n politeness = 'polite',\n atomic = true,\n relevant,\n delay = 0,\n as = 'div',\n visuallyHidden = true,\n className,\n children,\n ...props\n },\n ref,\n ) => {\n const [deferredChildren, setDeferredChildren] = useState<ReactNode>(\n delay > 0 ? null : children,\n );\n\n useEffect(() => {\n if (delay <= 0) {\n setDeferredChildren(children);\n return;\n }\n const timer = window.setTimeout(() => {\n setDeferredChildren(children);\n }, delay);\n return () => {\n window.clearTimeout(timer);\n };\n }, [children, delay]);\n\n const role =\n politeness === 'assertive'\n ? 'alert'\n : politeness === 'polite'\n ? 'status'\n : undefined;\n\n const ariaLive = politeness === 'off' ? undefined : politeness;\n\n const sharedProps = {\n ref: ref as Ref<HTMLDivElement & HTMLSpanElement>,\n role,\n 'aria-live': ariaLive,\n 'aria-atomic': atomic ? true : undefined,\n 'aria-relevant': relevant,\n className: liveRegionVariants({ visuallyHidden, className }),\n 'data-component': 'live-region',\n ...props,\n };\n\n if (as === 'span') {\n return <span {...sharedProps}>{deferredChildren}</span>;\n }\n return <div {...sharedProps}>{deferredChildren}</div>;\n },\n);\n\nLiveRegion.displayName = 'LiveRegion';\n"],"names":["liveRegionVariants","cva","LiveRegion","forwardRef","politeness","atomic","relevant","delay","as","visuallyHidden","className","children","props","ref","deferredChildren","setDeferredChildren","useState","useEffect","timer","sharedProps","jsx"],"mappings":";;;AAUA,MAAMA,IAAqBC,EAAI,IAAI;AAAA,EACjC,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GAmDYC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,IAAAC,IAAK;AAAA,IACL,gBAAAC,IAAiB;AAAA,IACjB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAAIC;AAAA,MAC9CT,IAAQ,IAAI,OAAOI;AAAA,IAAA;AAGrB,IAAAM,EAAU,MAAM;AACd,UAAIV,KAAS,GAAG;AACd,QAAAQ,EAAoBJ,CAAQ;AAC5B;AAAA,MACF;AACA,YAAMO,IAAQ,OAAO,WAAW,MAAM;AACpC,QAAAH,EAAoBJ,CAAQ;AAAA,MAC9B,GAAGJ,CAAK;AACR,aAAO,MAAM;AACX,eAAO,aAAaW,CAAK;AAAA,MAC3B;AAAA,IACF,GAAG,CAACP,GAAUJ,CAAK,CAAC;AAWpB,UAAMY,IAAc;AAAA,MAClB,KAAAN;AAAA,MACA,MAVAT,MAAe,cACX,UACAA,MAAe,WACb,WACA;AAAA,MAON,aALeA,MAAe,QAAQ,SAAYA;AAAA,MAMlD,eAAeC,IAAS,KAAO;AAAA,MAC/B,iBAAiBC;AAAA,MACjB,WAAWN,EAAmB,EAAE,gBAAAS,GAAgB,WAAAC,GAAW;AAAA,MAC3D,kBAAkB;AAAA,MAClB,GAAGE;AAAA,IAAA;AAGL,WAAIJ,MAAO,SACF,gBAAAY,EAAC,QAAA,EAAM,GAAGD,GAAc,UAAAL,GAAiB,IAE3C,gBAAAM,EAAC,OAAA,EAAK,GAAGD,GAAc,UAAAL,GAAiB;AAAA,EACjD;AACF;AAEAZ,EAAW,cAAc;"}
|
|
@@ -115,12 +115,12 @@ const f = n(
|
|
|
115
115
|
tone: a = "auto",
|
|
116
116
|
size: g,
|
|
117
117
|
className: x,
|
|
118
|
-
decorative:
|
|
119
|
-
"aria-label":
|
|
120
|
-
...
|
|
121
|
-
},
|
|
122
|
-
const l =
|
|
123
|
-
return r === "mark" ? /* @__PURE__ */ c("span", { ref:
|
|
118
|
+
decorative: p,
|
|
119
|
+
"aria-label": w,
|
|
120
|
+
...o
|
|
121
|
+
}, h) => {
|
|
122
|
+
const l = p ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": w }, s = f({ size: g, className: x }), d = M({ variant: r, tone: a });
|
|
123
|
+
return r === "mark" ? /* @__PURE__ */ c("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: /* @__PURE__ */ c(m, { "aria-hidden": !0, className: s }) }) : r === "monochrome" ? /* @__PURE__ */ c("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: /* @__PURE__ */ c(i, { "aria-hidden": !0, className: s }) }) : /* @__PURE__ */ t("span", { ref: h, ...l, ...o, className: d, "data-component": "logo", children: [
|
|
124
124
|
/* @__PURE__ */ c(
|
|
125
125
|
v,
|
|
126
126
|
{
|
|
@@ -142,4 +142,4 @@ y.displayName = "Logo";
|
|
|
142
142
|
export {
|
|
143
143
|
y as L
|
|
144
144
|
};
|
|
145
|
-
//# sourceMappingURL=logo-
|
|
145
|
+
//# sourceMappingURL=logo-BpFoCL-s.js.map
|