@logicplanes/kaeso-ui 0.4.3 → 0.4.5
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/ai/component-guides.md +279 -98
- package/ai/component-registry.json +352 -236
- package/ai/component-registry.md +241 -219
- package/ai/icons.md +2 -2
- package/ai/tokens.md +18 -14
- package/dist/blocks/delete-resource.js +3 -3
- package/dist/blocks/delete-resource.js.map +1 -1
- package/dist/blocks/pages.js +47 -42
- package/dist/blocks/pages.js.map +1 -1
- package/dist/blocks/resource-list.js +68 -55
- package/dist/blocks/resource-list.js.map +1 -1
- package/dist/chunks/agent-avatar-DHieggHK.js +188 -0
- package/dist/chunks/agent-avatar-DHieggHK.js.map +1 -0
- package/dist/chunks/app-frame-DysOel2X.js +232 -0
- package/dist/chunks/app-frame-DysOel2X.js.map +1 -0
- package/dist/chunks/arrow-focus-B0KdRFX8.js +20 -0
- package/dist/chunks/arrow-focus-B0KdRFX8.js.map +1 -0
- package/dist/chunks/avatar-CYNMK7uY.js +110 -0
- package/dist/chunks/avatar-CYNMK7uY.js.map +1 -0
- package/dist/chunks/badge-C0GC3B9X.js +27 -0
- package/dist/chunks/badge-C0GC3B9X.js.map +1 -0
- package/dist/chunks/banner-B3DGLTBu.js +88 -0
- package/dist/chunks/banner-B3DGLTBu.js.map +1 -0
- package/dist/chunks/button-IblhXUyZ.js +202 -0
- package/dist/chunks/button-IblhXUyZ.js.map +1 -0
- package/dist/chunks/{calendar-BWaf2MXc.js → calendar-Dc6_dl0f.js} +4 -4
- package/dist/chunks/calendar-Dc6_dl0f.js.map +1 -0
- package/dist/chunks/checkbox-9tbimmF3.js +141 -0
- package/dist/chunks/checkbox-9tbimmF3.js.map +1 -0
- package/dist/chunks/{cn-Dj6sRgkF.js → cn-BjnOAUrA.js} +45 -4
- package/dist/chunks/cn-BjnOAUrA.js.map +1 -0
- package/dist/chunks/code-block-64e-Cy1S.js +346 -0
- package/dist/chunks/code-block-64e-Cy1S.js.map +1 -0
- package/dist/chunks/code-block-KIvuE8jg.js +352 -0
- package/dist/chunks/code-block-KIvuE8jg.js.map +1 -0
- package/dist/chunks/{code-tqj0uhBL.js → code-xqjww4Pv.js} +5 -6
- package/dist/chunks/code-xqjww4Pv.js.map +1 -0
- package/dist/chunks/combobox-DkcjkWc6.js +352 -0
- package/dist/chunks/combobox-DkcjkWc6.js.map +1 -0
- package/dist/chunks/command-list-CypqsC4T.js +456 -0
- package/dist/chunks/command-list-CypqsC4T.js.map +1 -0
- package/dist/chunks/{copy-button-FJvPJn72.js → copy-button-CwU8t_9_.js} +22 -15
- package/dist/chunks/copy-button-CwU8t_9_.js.map +1 -0
- package/dist/chunks/core-CmK-8ObW.js +505 -0
- package/dist/chunks/core-CmK-8ObW.js.map +1 -0
- package/dist/chunks/data-table-CqY8_6IS.js +581 -0
- package/dist/chunks/data-table-CqY8_6IS.js.map +1 -0
- package/dist/chunks/date-popup-DAnjptFt.js +58 -0
- package/dist/chunks/date-popup-DAnjptFt.js.map +1 -0
- package/dist/chunks/{de-CPXJh9cq.js → de-CqC4aSIV.js} +81 -40
- package/dist/chunks/de-CqC4aSIV.js.map +1 -0
- package/dist/chunks/{dialog-Cg9A_6SF.js → dialog-2zb6ClNR.js} +156 -134
- package/dist/chunks/dialog-2zb6ClNR.js.map +1 -0
- package/dist/chunks/disclosure-BtYRTDO3.js +22 -0
- package/dist/chunks/disclosure-BtYRTDO3.js.map +1 -0
- package/dist/chunks/domain-obd_w9xk.js +28 -0
- package/dist/chunks/domain-obd_w9xk.js.map +1 -0
- package/dist/chunks/{empty-DvhyMXQq.js → empty-BpiUgGzm.js} +2 -2
- package/dist/chunks/{empty-DvhyMXQq.js.map → empty-BpiUgGzm.js.map} +1 -1
- package/dist/chunks/{field-TviMvYa2.js → field-D7m-yl-D.js} +37 -34
- package/dist/chunks/field-D7m-yl-D.js.map +1 -0
- package/dist/chunks/{icon-D7ja-_Yk.js → icon-CBzOwqrX.js} +7 -6
- package/dist/chunks/{icon-D7ja-_Yk.js.map → icon-CBzOwqrX.js.map} +1 -1
- package/dist/chunks/icon-CPJWE2N-.js +95 -0
- package/dist/chunks/{icon-DVooQfk4.js.map → icon-CPJWE2N-.js.map} +1 -1
- package/dist/chunks/{icon-button-CrdF_eMG.js → icon-button-Dfwpvmav.js} +7 -6
- package/dist/chunks/icon-button-Dfwpvmav.js.map +1 -0
- package/dist/chunks/{identity-BmhQ6BQ-.js → identity-3Foi5F8w.js} +7 -7
- package/dist/chunks/{identity-BmhQ6BQ-.js.map → identity-3Foi5F8w.js.map} +1 -1
- package/dist/chunks/{input-2VJuj_M4.js → input-Bo5-UZg2.js} +15 -9
- package/dist/chunks/input-Bo5-UZg2.js.map +1 -0
- package/dist/chunks/{input-group-DQ_4DoXg.js → input-group-jPcK9T_a.js} +42 -29
- package/dist/chunks/input-group-jPcK9T_a.js.map +1 -0
- package/dist/chunks/iso-field-DoqHBg8n.js +52 -0
- package/dist/chunks/iso-field-DoqHBg8n.js.map +1 -0
- package/dist/chunks/json-view-DZ2nL2Ir.js +253 -0
- package/dist/chunks/json-view-DZ2nL2Ir.js.map +1 -0
- package/dist/chunks/{kbd-BF1vKXJf.js → kbd-8A0ML_up.js} +30 -28
- package/dist/chunks/kbd-8A0ML_up.js.map +1 -0
- package/dist/chunks/label-DW24Aj0Z.js +26 -0
- package/dist/chunks/label-DW24Aj0Z.js.map +1 -0
- package/dist/chunks/{link-KWI7PevW.js → link-CMjkcLQK.js} +14 -14
- package/dist/chunks/link-CMjkcLQK.js.map +1 -0
- package/dist/chunks/list-B4G-sWwV.js +540 -0
- package/dist/chunks/list-B4G-sWwV.js.map +1 -0
- package/dist/chunks/{loader-DCfPndXa.js → loader-zo8CCIGJ.js} +2 -2
- package/dist/chunks/{loader-DCfPndXa.js.map → loader-zo8CCIGJ.js.map} +1 -1
- package/dist/chunks/markdown-C565aBR7.js +338 -0
- package/dist/chunks/markdown-C565aBR7.js.map +1 -0
- package/dist/chunks/menu-Clvv6ftq.js +485 -0
- package/dist/chunks/menu-Clvv6ftq.js.map +1 -0
- package/dist/chunks/merge-refs-BN1FyQt9.js +20 -0
- package/dist/chunks/merge-refs-BN1FyQt9.js.map +1 -0
- package/dist/chunks/meter-CASMHlxl.js +100 -0
- package/dist/chunks/meter-CASMHlxl.js.map +1 -0
- package/dist/chunks/nav-sheet-Dt6JSvzX.js +67 -0
- package/dist/chunks/nav-sheet-Dt6JSvzX.js.map +1 -0
- package/dist/chunks/{nav-wordmark-_pjheAsZ.js → nav-wordmark-J4pB_vjr.js} +4 -8
- package/dist/chunks/nav-wordmark-J4pB_vjr.js.map +1 -0
- package/dist/chunks/page-header-kS5tdmvb.js +45 -0
- package/dist/chunks/page-header-kS5tdmvb.js.map +1 -0
- package/dist/chunks/pagination-D7fAm8qg.js +147 -0
- package/dist/chunks/pagination-D7fAm8qg.js.map +1 -0
- package/dist/chunks/picker-popover-1FHb1LQG.js +119 -0
- package/dist/chunks/picker-popover-1FHb1LQG.js.map +1 -0
- package/dist/chunks/popover-Bl5QYqnh.js +51 -0
- package/dist/chunks/popover-Bl5QYqnh.js.map +1 -0
- package/dist/chunks/{portal-context-BBbzDKmY.js → portal-context-CTatR2Z8.js} +14 -4
- package/dist/chunks/portal-context-CTatR2Z8.js.map +1 -0
- package/dist/chunks/{radio-CDDFpdtL.js → radio-C6GtzF_t.js} +38 -23
- package/dist/chunks/radio-C6GtzF_t.js.map +1 -0
- package/dist/chunks/range-popup-lGiZsG3s.js +160 -0
- package/dist/chunks/range-popup-lGiZsG3s.js.map +1 -0
- package/dist/chunks/reasoning-frame-C3HdQRRS.js +51 -0
- package/dist/chunks/reasoning-frame-C3HdQRRS.js.map +1 -0
- package/dist/chunks/release-art-ChiT4T2S.js +582 -0
- package/dist/chunks/release-art-ChiT4T2S.js.map +1 -0
- package/dist/chunks/rights-B68ocZuq.js +312 -0
- package/dist/chunks/rights-B68ocZuq.js.map +1 -0
- package/dist/chunks/{scroll-area-D8MD7Vpo.js → scroll-area-_Ljh4-bG.js} +11 -6
- package/dist/chunks/scroll-area-_Ljh4-bG.js.map +1 -0
- package/dist/chunks/section-CFBYhsUi.js +77 -0
- package/dist/chunks/section-CFBYhsUi.js.map +1 -0
- package/dist/chunks/section-header-DU1Q4Tdf.js +28 -0
- package/dist/chunks/section-header-DU1Q4Tdf.js.map +1 -0
- package/dist/chunks/segmented-D9i1avik.js +119 -0
- package/dist/chunks/segmented-D9i1avik.js.map +1 -0
- package/dist/chunks/select-BqjmQOqx.js +222 -0
- package/dist/chunks/select-BqjmQOqx.js.map +1 -0
- package/dist/chunks/{separator-D7TzNHmX.js → separator-BNWf6BBj.js} +13 -8
- package/dist/chunks/separator-BNWf6BBj.js.map +1 -0
- package/dist/chunks/sidebar-Dq7oGOje.js +664 -0
- package/dist/chunks/sidebar-Dq7oGOje.js.map +1 -0
- package/dist/chunks/{sidebar-menu-BN3jkTlK.js → sidebar-menu-QSSNu1jJ.js} +2 -2
- package/dist/chunks/{sidebar-menu-BN3jkTlK.js.map → sidebar-menu-QSSNu1jJ.js.map} +1 -1
- package/dist/chunks/{skeleton-Dcz57Zyp.js → skeleton-D-qk3mes.js} +3 -3
- package/dist/chunks/skeleton-D-qk3mes.js.map +1 -0
- package/dist/chunks/slider-CcE8GtuV.js +58 -0
- package/dist/chunks/slider-CcE8GtuV.js.map +1 -0
- package/dist/chunks/{status-dot-QJTF0Yv4.js → status-dot-CP6runiC.js} +4 -4
- package/dist/chunks/{status-dot-QJTF0Yv4.js.map → status-dot-CP6runiC.js.map} +1 -1
- package/dist/chunks/{styles-CVJU9t9v.js → styles-hkFkoBbi.js} +2 -2
- package/dist/chunks/{styles-CVJU9t9v.js.map → styles-hkFkoBbi.js.map} +1 -1
- package/dist/chunks/{swap-text-Dr0Irxz6.js → swap-text-SlUjrTlG.js} +3 -3
- package/dist/chunks/swap-text-SlUjrTlG.js.map +1 -0
- package/dist/chunks/switch-ngywMQdl.js +76 -0
- package/dist/chunks/switch-ngywMQdl.js.map +1 -0
- package/dist/chunks/table-CTK5E0J7.js +102 -0
- package/dist/chunks/table-CTK5E0J7.js.map +1 -0
- package/dist/chunks/tag-BGr6lTSV.js +100 -0
- package/dist/chunks/tag-BGr6lTSV.js.map +1 -0
- package/dist/chunks/{text-CIXH8rmT.js → text-DkKdTVUf.js} +9 -9
- package/dist/chunks/text-DkKdTVUf.js.map +1 -0
- package/dist/chunks/{textarea--4FRL3Pb.js → textarea-CO0HP6fK.js} +47 -36
- package/dist/chunks/textarea-CO0HP6fK.js.map +1 -0
- package/dist/chunks/timeseries-Ck-q0wWn.js +381 -0
- package/dist/chunks/timeseries-Ck-q0wWn.js.map +1 -0
- package/dist/chunks/toolbar-u0Gm7Q7-.js +61 -0
- package/dist/chunks/toolbar-u0Gm7Q7-.js.map +1 -0
- package/dist/chunks/tooltip-Tkm-urbi.js +202 -0
- package/dist/chunks/tooltip-Tkm-urbi.js.map +1 -0
- package/dist/chunks/tooltip-root-BC_RNNiP.js +70 -0
- package/dist/chunks/tooltip-root-BC_RNNiP.js.map +1 -0
- package/dist/chunks/truncated-d1afmUJT.js +33 -0
- package/dist/chunks/truncated-d1afmUJT.js.map +1 -0
- package/dist/chunks/use-coarse-pointer-Ml5oE6oX.js +28 -0
- package/dist/chunks/use-coarse-pointer-Ml5oE6oX.js.map +1 -0
- package/dist/chunks/use-hydrating-COtYVRo4.js +8 -0
- package/dist/chunks/use-hydrating-COtYVRo4.js.map +1 -0
- package/dist/chunks/use-scroll-fade-uc8mWSDX.js +30 -0
- package/dist/chunks/use-scroll-fade-uc8mWSDX.js.map +1 -0
- package/dist/chunks/{zh-CN-29X4CDLE.js → zh-CN-BlpsT6d_.js} +80 -39
- package/dist/chunks/zh-CN-BlpsT6d_.js.map +1 -0
- package/dist/components/agent-avatar.js +1 -1
- package/dist/components/app-frame.js +2 -2
- package/dist/components/avatar.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/banner.js +1 -1
- package/dist/components/button-group.js +22 -22
- package/dist/components/button-group.js.map +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/charts/bar.js +235 -160
- package/dist/components/charts/bar.js.map +1 -1
- package/dist/components/charts/donut.js +144 -99
- package/dist/components/charts/donut.js.map +1 -1
- package/dist/components/charts/gauge.js +61 -49
- package/dist/components/charts/gauge.js.map +1 -1
- package/dist/components/charts/heatmap.js +179 -70
- package/dist/components/charts/heatmap.js.map +1 -1
- package/dist/components/charts/sankey.js +144 -77
- package/dist/components/charts/sankey.js.map +1 -1
- package/dist/components/charts/sparkline.js +54 -38
- package/dist/components/charts/sparkline.js.map +1 -1
- package/dist/components/charts/timeseries.js +1 -1
- package/dist/components/charts.js +2 -2
- package/dist/components/checkbox.js +1 -1
- package/dist/components/code-block.js +4 -3
- package/dist/components/code.js +1 -1
- package/dist/components/collapsible.js +77 -1
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-list.js +2 -2
- package/dist/components/command-palette.js +89 -66
- package/dist/components/command-palette.js.map +1 -1
- package/dist/components/copy-button.js +1 -1
- package/dist/components/data-table.js +1 -459
- package/dist/components/date-picker.js +162 -151
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.js +74 -63
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/display-options.js +76 -64
- package/dist/components/display-options.js.map +1 -1
- package/dist/components/empty.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/figure.js +2 -2
- package/dist/components/filter-chip.js +36 -27
- package/dist/components/filter-chip.js.map +1 -1
- package/dist/components/filter-row.js +4 -4
- package/dist/components/filter-row.js.map +1 -1
- package/dist/components/flow.js +94 -63
- package/dist/components/flow.js.map +1 -1
- package/dist/components/heading.js +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/icon.js +2 -2
- package/dist/components/input.js +176 -98
- package/dist/components/input.js.map +1 -1
- package/dist/components/kaeso/conversation.js +51 -46
- package/dist/components/kaeso/conversation.js.map +1 -1
- package/dist/components/kaeso/identity.js +1 -1
- package/dist/components/kaeso/moments.js +23 -20
- package/dist/components/kaeso/moments.js.map +1 -1
- package/dist/components/kaeso/rights.js +1 -1
- package/dist/components/kaeso/usage.js +90 -74
- package/dist/components/kaeso/usage.js.map +1 -1
- package/dist/components/kaeso.js +200 -187
- package/dist/components/kaeso.js.map +1 -1
- package/dist/components/kbd.js +1 -1
- package/dist/components/key-value.js +32 -47
- package/dist/components/key-value.js.map +1 -1
- package/dist/components/label.js +1 -25
- package/dist/components/layout.js +2 -2
- package/dist/components/layout.js.map +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/list.js +1 -1
- package/dist/components/loader.js +11 -10
- package/dist/components/loader.js.map +1 -1
- package/dist/components/logo.js +2 -2
- package/dist/components/markdown.js +1 -1
- package/dist/components/menu.js +2 -2
- package/dist/components/meter.js +1 -1
- package/dist/components/page-header.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/playground.js +644 -529
- package/dist/components/playground.js.map +1 -1
- package/dist/components/popover.js +4 -4
- package/dist/components/popover.js.map +1 -1
- package/dist/components/portal.js +1 -1
- package/dist/components/qr-code.js +2 -2
- package/dist/components/qr-code.js.map +1 -1
- package/dist/components/radio.js +1 -1
- package/dist/components/release-art.js +1 -1
- package/dist/components/scroll-area.js +1 -1
- package/dist/components/section.js +1 -1
- package/dist/components/segmented.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/separator.js +1 -1
- package/dist/components/settings.js +39 -46
- package/dist/components/settings.js.map +1 -1
- package/dist/components/sheet.js +10 -9
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/skeleton.js +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/stat.js +98 -84
- package/dist/components/stat.js.map +1 -1
- package/dist/components/status-dot.js +1 -1
- package/dist/components/surface.js +1 -1
- package/dist/components/swap-text.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +73 -55
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tag.js +1 -1
- package/dist/components/text.js +1 -1
- package/dist/components/theme-image.js +1 -1
- package/dist/components/theme-menu.js +5 -2
- package/dist/components/theme-menu.js.map +1 -1
- package/dist/components/theme-select.js +1 -1
- package/dist/components/thumbnail.js +35 -24
- package/dist/components/thumbnail.js.map +1 -1
- package/dist/components/timeline.js +51 -35
- package/dist/components/timeline.js.map +1 -1
- package/dist/components/toast.js +76 -66
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toc.js +14 -8
- package/dist/components/toc.js.map +1 -1
- package/dist/components/toolbar.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/components/visually-hidden.js +1 -1
- package/dist/i18n-provider.js +1 -1
- package/dist/index.js +101 -101
- package/dist/kaeso.css +605 -67
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/types/blocks/delete-resource/delete-resource.d.ts +2 -2
- package/dist/types/components/agent-avatar/agent-avatar.d.ts +24 -19
- package/dist/types/components/badge/badge.d.ts +3 -3
- package/dist/types/components/banner/banner.d.ts +3 -3
- package/dist/types/components/button/button.d.ts +2 -2
- package/dist/types/components/button-group/button-group.d.ts +1 -1
- package/dist/types/components/charts/domain.d.ts +11 -0
- package/dist/types/components/charts/marks.d.ts +1 -0
- package/dist/types/components/code/code.d.ts +3 -3
- package/dist/types/components/code-block/diff-view.d.ts +30 -0
- package/dist/types/components/code-block/diff.d.ts +26 -0
- package/dist/types/components/code-block/docs.d.ts +14 -0
- package/dist/types/components/code-block/index.d.ts +1 -0
- package/dist/types/components/code-block/json-view.d.ts +2 -1
- package/dist/types/components/code-block/numbers.d.ts +1 -0
- package/dist/types/components/collapsible/collapsible.d.ts +2 -2
- package/dist/types/components/collapsible/disclosure.d.ts +2 -0
- package/dist/types/components/data-table/data-table.d.ts +6 -5
- package/dist/types/components/data-table/docs.d.ts +1 -0
- package/dist/types/components/data-table/time-columns.d.ts +1 -0
- package/dist/types/components/date-picker/focus-day.d.ts +1 -0
- package/dist/types/components/date-picker/iso-field.d.ts +8 -1
- package/dist/types/components/dialog/dialog.d.ts +7 -7
- package/dist/types/components/field/field.d.ts +1 -1
- package/dist/types/components/flow/flow.d.ts +1 -1
- package/dist/types/components/icon-button/icon-button.d.ts +1 -1
- package/dist/types/components/input/input-group.d.ts +2 -0
- package/dist/types/components/input/number-input.d.ts +4 -4
- package/dist/types/components/input/otp-input.d.ts +3 -3
- package/dist/types/components/kaeso/client-button.d.ts +2 -1
- package/dist/types/components/kaeso/provider-picker.d.ts +1 -0
- package/dist/types/components/kaeso/rights.d.ts +1 -1
- package/dist/types/components/kaeso/role-picker.d.ts +1 -0
- package/dist/types/components/key-value/key-value.d.ts +2 -2
- package/dist/types/components/layout/layout.d.ts +2 -2
- package/dist/types/components/link/link.d.ts +4 -4
- package/dist/types/components/list/list.d.ts +2 -2
- package/dist/types/components/menu/menu.d.ts +2 -1
- package/dist/types/components/menu/styles.d.ts +3 -3
- package/dist/types/components/meter/meter.d.ts +3 -3
- package/dist/types/components/page-header/page-header.d.ts +1 -1
- package/dist/types/components/pagination/pagination.d.ts +2 -2
- package/dist/types/components/playground/prompt-suggestions.d.ts +1 -0
- package/dist/types/components/playground/reasoning-frame.d.ts +14 -0
- package/dist/types/components/playground/reasoning.d.ts +1 -0
- package/dist/types/components/popover/popover.d.ts +1 -1
- package/dist/types/components/scroll-area/scroll-area.d.ts +2 -2
- package/dist/types/components/section/section-header.d.ts +6 -0
- package/dist/types/components/segmented/segmented.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +1 -1
- package/dist/types/components/sheet/sheet.d.ts +3 -3
- package/dist/types/components/sidebar/sidebar.d.ts +1 -0
- package/dist/types/components/slider/slider.d.ts +2 -2
- package/dist/types/components/stat/stat.d.ts +1 -1
- package/dist/types/components/tabs/tabs.d.ts +6 -4
- package/dist/types/components/text/truncated.d.ts +7 -0
- package/dist/types/components/timeline/timeline.d.ts +5 -5
- package/dist/types/components/toc/toc.d.ts +1 -1
- package/dist/types/components/toolbar/toolbar.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +2 -2
- package/dist/types/components/tooltip/trigger-props.d.ts +1 -0
- package/dist/types/hooks/use-coarse-pointer.d.ts +1 -0
- package/dist/types/hooks/use-hydrating.d.ts +1 -0
- package/dist/types/icons/groups.d.ts +1 -1
- package/dist/types/icons/vocabulary.d.ts +5 -0
- package/dist/types/utils/arrow-focus.d.ts +4 -1
- package/dist/types/utils/cn.d.ts +33 -0
- package/dist/types/utils/portal-context.d.ts +7 -1
- package/dist/utils.js +2 -2
- package/foundations/accessibility.md +3 -2
- package/foundations/color.md +5 -1
- package/foundations/elevation.md +1 -0
- package/foundations/motion.md +1 -1
- package/foundations/shape.md +2 -2
- package/foundations/typography.md +12 -12
- package/package.json +2 -2
- package/dist/chunks/agent-avatar-0pdBTWkR.js +0 -171
- package/dist/chunks/agent-avatar-0pdBTWkR.js.map +0 -1
- package/dist/chunks/app-frame-DogGRmsu.js +0 -221
- package/dist/chunks/app-frame-DogGRmsu.js.map +0 -1
- package/dist/chunks/arrow-focus-BcySmwwU.js +0 -11
- package/dist/chunks/arrow-focus-BcySmwwU.js.map +0 -1
- package/dist/chunks/avatar-CWbdwbJv.js +0 -83
- package/dist/chunks/avatar-CWbdwbJv.js.map +0 -1
- package/dist/chunks/badge-C2KtxCLB.js +0 -26
- package/dist/chunks/badge-C2KtxCLB.js.map +0 -1
- package/dist/chunks/banner-BA2ALw9M.js +0 -85
- package/dist/chunks/banner-BA2ALw9M.js.map +0 -1
- package/dist/chunks/button-CzuxqawA.js +0 -164
- package/dist/chunks/button-CzuxqawA.js.map +0 -1
- package/dist/chunks/calendar-BWaf2MXc.js.map +0 -1
- package/dist/chunks/checkbox-CQjwCPkc.js +0 -126
- package/dist/chunks/checkbox-CQjwCPkc.js.map +0 -1
- package/dist/chunks/cn-Dj6sRgkF.js.map +0 -1
- package/dist/chunks/code-block-D5A-CGXG.js +0 -330
- package/dist/chunks/code-block-D5A-CGXG.js.map +0 -1
- package/dist/chunks/code-tqj0uhBL.js.map +0 -1
- package/dist/chunks/collapsible-CKrCX_T9.js +0 -87
- package/dist/chunks/collapsible-CKrCX_T9.js.map +0 -1
- package/dist/chunks/combobox-DjDI7SUC.js +0 -319
- package/dist/chunks/combobox-DjDI7SUC.js.map +0 -1
- package/dist/chunks/command-list-C2Y7V_lt.js +0 -418
- package/dist/chunks/command-list-C2Y7V_lt.js.map +0 -1
- package/dist/chunks/copy-button-FJvPJn72.js.map +0 -1
- package/dist/chunks/core-BYns5ytV.js +0 -472
- package/dist/chunks/core-BYns5ytV.js.map +0 -1
- package/dist/chunks/date-popup-CPA_zt6o.js +0 -35
- package/dist/chunks/date-popup-CPA_zt6o.js.map +0 -1
- package/dist/chunks/de-CPXJh9cq.js.map +0 -1
- package/dist/chunks/dialog-Cg9A_6SF.js.map +0 -1
- package/dist/chunks/field-TviMvYa2.js.map +0 -1
- package/dist/chunks/hidden-description-B2zSmLcn.js +0 -23
- package/dist/chunks/hidden-description-B2zSmLcn.js.map +0 -1
- package/dist/chunks/icon-DVooQfk4.js +0 -94
- package/dist/chunks/icon-button-CrdF_eMG.js.map +0 -1
- package/dist/chunks/input-2VJuj_M4.js.map +0 -1
- package/dist/chunks/input-group-DQ_4DoXg.js.map +0 -1
- package/dist/chunks/iso-field-B2rTwiBo.js +0 -33
- package/dist/chunks/iso-field-B2rTwiBo.js.map +0 -1
- package/dist/chunks/json-view-Dqd2TDkc.js +0 -175
- package/dist/chunks/json-view-Dqd2TDkc.js.map +0 -1
- package/dist/chunks/kbd-BF1vKXJf.js.map +0 -1
- package/dist/chunks/link-KWI7PevW.js.map +0 -1
- package/dist/chunks/list-M1csq-d4.js +0 -494
- package/dist/chunks/list-M1csq-d4.js.map +0 -1
- package/dist/chunks/markdown-DULktoTK.js +0 -313
- package/dist/chunks/markdown-DULktoTK.js.map +0 -1
- package/dist/chunks/menu-DEmBfdPm.js +0 -450
- package/dist/chunks/menu-DEmBfdPm.js.map +0 -1
- package/dist/chunks/meter-Bj4N3Xuh.js +0 -84
- package/dist/chunks/meter-Bj4N3Xuh.js.map +0 -1
- package/dist/chunks/nav-sheet-CzgIwgAm.js +0 -60
- package/dist/chunks/nav-sheet-CzgIwgAm.js.map +0 -1
- package/dist/chunks/nav-wordmark-_pjheAsZ.js.map +0 -1
- package/dist/chunks/page-header-DL2y2iZp.js +0 -41
- package/dist/chunks/page-header-DL2y2iZp.js.map +0 -1
- package/dist/chunks/pagination-Cn_qF4cg.js +0 -86
- package/dist/chunks/pagination-Cn_qF4cg.js.map +0 -1
- package/dist/chunks/picker-popover-BxyU1U9F.js +0 -106
- package/dist/chunks/picker-popover-BxyU1U9F.js.map +0 -1
- package/dist/chunks/popover-DNN4S47w.js +0 -50
- package/dist/chunks/popover-DNN4S47w.js.map +0 -1
- package/dist/chunks/portal-context-BBbzDKmY.js.map +0 -1
- package/dist/chunks/radio-CDDFpdtL.js.map +0 -1
- package/dist/chunks/range-popup-CRyWYUB1.js +0 -128
- package/dist/chunks/range-popup-CRyWYUB1.js.map +0 -1
- package/dist/chunks/release-art-ZwfFQImt.js +0 -561
- package/dist/chunks/release-art-ZwfFQImt.js.map +0 -1
- package/dist/chunks/rights-Cyp0Pzp-.js +0 -279
- package/dist/chunks/rights-Cyp0Pzp-.js.map +0 -1
- package/dist/chunks/scroll-area-D8MD7Vpo.js.map +0 -1
- package/dist/chunks/scroll-parent-WXvzQcUo.js +0 -14
- package/dist/chunks/scroll-parent-WXvzQcUo.js.map +0 -1
- package/dist/chunks/section-Ce1efbsP.js +0 -87
- package/dist/chunks/section-Ce1efbsP.js.map +0 -1
- package/dist/chunks/segmented-CErcoxwi.js +0 -114
- package/dist/chunks/segmented-CErcoxwi.js.map +0 -1
- package/dist/chunks/select-x4XVsdCI.js +0 -210
- package/dist/chunks/select-x4XVsdCI.js.map +0 -1
- package/dist/chunks/separator-D7TzNHmX.js.map +0 -1
- package/dist/chunks/sidebar-3r1ZRXlN.js +0 -621
- package/dist/chunks/sidebar-3r1ZRXlN.js.map +0 -1
- package/dist/chunks/skeleton-Dcz57Zyp.js.map +0 -1
- package/dist/chunks/slider-Ci83PGtj.js +0 -57
- package/dist/chunks/slider-Ci83PGtj.js.map +0 -1
- package/dist/chunks/swap-text-Dr0Irxz6.js.map +0 -1
- package/dist/chunks/switch-BNMq_kGt.js +0 -59
- package/dist/chunks/switch-BNMq_kGt.js.map +0 -1
- package/dist/chunks/table-BeOSKl_3.js +0 -84
- package/dist/chunks/table-BeOSKl_3.js.map +0 -1
- package/dist/chunks/tag-D_M1s2qS.js +0 -87
- package/dist/chunks/tag-D_M1s2qS.js.map +0 -1
- package/dist/chunks/text-CIXH8rmT.js.map +0 -1
- package/dist/chunks/textarea--4FRL3Pb.js.map +0 -1
- package/dist/chunks/timeseries-D1xjRXfk.js +0 -339
- package/dist/chunks/timeseries-D1xjRXfk.js.map +0 -1
- package/dist/chunks/toolbar-WA_oZgu-.js +0 -37
- package/dist/chunks/toolbar-WA_oZgu-.js.map +0 -1
- package/dist/chunks/tooltip-OcwO0VUT.js +0 -154
- package/dist/chunks/tooltip-OcwO0VUT.js.map +0 -1
- package/dist/chunks/tooltip-root-DzahJDVj.js +0 -60
- package/dist/chunks/tooltip-root-DzahJDVj.js.map +0 -1
- package/dist/chunks/zh-CN-29X4CDLE.js.map +0 -1
- package/dist/components/data-table.js.map +0 -1
- package/dist/components/label.js.map +0 -1
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { t as e } from "./cn-Dj6sRgkF.js";
|
|
3
|
-
import { i as t, n } from "./context-BELWW79w.js";
|
|
4
|
-
import { t as r } from "./avatar-CWbdwbJv.js";
|
|
5
|
-
import { forwardRef as i, useMemo as a } from "react";
|
|
6
|
-
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
-
//#region src/components/agent-avatar/models.ts
|
|
8
|
-
var c = /* @__PURE__ */ "claude.gpt.gemini.gemma.grok.llama.mistral.deepseek.qwen.kimi.glm.minimax.command.nova.phi.granite.jamba.ernie.hunyuan.doubao.yi.nemotron.olmo.sonar.reka.unknown".split(".");
|
|
9
|
-
function l(e) {
|
|
10
|
-
return c.includes(e) ? e : "unknown";
|
|
11
|
-
}
|
|
12
|
-
//#endregion
|
|
13
|
-
//#region src/components/agent-avatar/model-name.ts
|
|
14
|
-
var u = {
|
|
15
|
-
claude: "Claude",
|
|
16
|
-
gpt: "GPT",
|
|
17
|
-
gemini: "Gemini",
|
|
18
|
-
gemma: "Gemma",
|
|
19
|
-
grok: "Grok",
|
|
20
|
-
llama: "Llama",
|
|
21
|
-
mistral: "Mistral",
|
|
22
|
-
deepseek: "DeepSeek",
|
|
23
|
-
qwen: "Qwen",
|
|
24
|
-
kimi: "Kimi",
|
|
25
|
-
glm: "GLM",
|
|
26
|
-
minimax: "MiniMax",
|
|
27
|
-
command: "Command",
|
|
28
|
-
nova: "Nova",
|
|
29
|
-
phi: "Phi",
|
|
30
|
-
granite: "Granite",
|
|
31
|
-
jamba: "Jamba",
|
|
32
|
-
ernie: "ERNIE",
|
|
33
|
-
hunyuan: "Hunyuan",
|
|
34
|
-
doubao: "Doubao",
|
|
35
|
-
yi: "Yi",
|
|
36
|
-
nemotron: "Nemotron",
|
|
37
|
-
olmo: "OLMo",
|
|
38
|
-
sonar: "Sonar",
|
|
39
|
-
reka: "Reka"
|
|
40
|
-
};
|
|
41
|
-
function d(e, t = n) {
|
|
42
|
-
let r = l(e);
|
|
43
|
-
return r === "unknown" ? t("agentAvatar.unknownModel", "Unknown") : u[r];
|
|
44
|
-
}
|
|
45
|
-
function f() {
|
|
46
|
-
let e = t();
|
|
47
|
-
return a(() => (t) => d(t, e), [e]);
|
|
48
|
-
}
|
|
49
|
-
//#endregion
|
|
50
|
-
//#region src/components/agent-avatar/agent-avatar.tsx
|
|
51
|
-
var p = { size: {
|
|
52
|
-
20: {
|
|
53
|
-
classes: "size-20 rounded-avatar",
|
|
54
|
-
glyph: "size-14",
|
|
55
|
-
stroke: 2.25
|
|
56
|
-
},
|
|
57
|
-
24: {
|
|
58
|
-
classes: "size-24 rounded-avatar",
|
|
59
|
-
glyph: "size-16",
|
|
60
|
-
stroke: 2
|
|
61
|
-
},
|
|
62
|
-
28: {
|
|
63
|
-
classes: "size-28 rounded-org",
|
|
64
|
-
glyph: "size-18",
|
|
65
|
-
stroke: 2
|
|
66
|
-
},
|
|
67
|
-
32: {
|
|
68
|
-
classes: "size-32 rounded-org",
|
|
69
|
-
glyph: "size-20",
|
|
70
|
-
stroke: 1.75
|
|
71
|
-
},
|
|
72
|
-
40: {
|
|
73
|
-
classes: "size-40 rounded-org",
|
|
74
|
-
glyph: "size-28",
|
|
75
|
-
stroke: 1.5
|
|
76
|
-
}
|
|
77
|
-
} }, m = { size: 24 }, h = { size: {
|
|
78
|
-
20: {
|
|
79
|
-
classes: "size-10 right-0 bottom-0 rounded-cell",
|
|
80
|
-
glyph: "size-8",
|
|
81
|
-
stroke: 3
|
|
82
|
-
},
|
|
83
|
-
24: {
|
|
84
|
-
classes: "size-12 right-0 bottom-0 rounded-cell",
|
|
85
|
-
glyph: "size-10",
|
|
86
|
-
stroke: 2.75
|
|
87
|
-
},
|
|
88
|
-
28: {
|
|
89
|
-
classes: "size-14 right-0 bottom-0 rounded-cell",
|
|
90
|
-
glyph: "size-10",
|
|
91
|
-
stroke: 2.5
|
|
92
|
-
},
|
|
93
|
-
32: {
|
|
94
|
-
classes: "size-16 right-0 bottom-0 rounded-cell",
|
|
95
|
-
glyph: "size-12",
|
|
96
|
-
stroke: 2.25
|
|
97
|
-
},
|
|
98
|
-
40: {
|
|
99
|
-
classes: "size-20 right-0 bottom-0 rounded-avatar",
|
|
100
|
-
glyph: "size-14",
|
|
101
|
-
stroke: 2
|
|
102
|
-
}
|
|
103
|
-
} }, g = { size: 24 }, _ = [
|
|
104
|
-
"M6.5 7h11A3.5 3.5 0 0 1 21 10.5v6a3.5 3.5 0 0 1-3.5 3.5h-11A3.5 3.5 0 0 1 3 16.5v-6A3.5 3.5 0 0 1 6.5 7z",
|
|
105
|
-
"M12 7V3.5",
|
|
106
|
-
"M9 13v1.5",
|
|
107
|
-
"M15 13v1.5"
|
|
108
|
-
], v = [
|
|
109
|
-
"M7.5 8h9A3.5 3.5 0 0 1 20 11.5v5a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-5A3.5 3.5 0 0 1 7.5 8z",
|
|
110
|
-
"M12 8V4.5",
|
|
111
|
-
"M9.5 13.5v1",
|
|
112
|
-
"M14.5 13.5v1",
|
|
113
|
-
"M2 13v2",
|
|
114
|
-
"M22 13v2"
|
|
115
|
-
];
|
|
116
|
-
function y(e, t = v) {
|
|
117
|
-
return /* @__PURE__ */ o("svg", {
|
|
118
|
-
viewBox: "0 0 24 24",
|
|
119
|
-
fill: "none",
|
|
120
|
-
stroke: "currentColor",
|
|
121
|
-
strokeWidth: e.stroke,
|
|
122
|
-
strokeLinecap: "round",
|
|
123
|
-
strokeLinejoin: "round",
|
|
124
|
-
"aria-hidden": !0,
|
|
125
|
-
focusable: "false",
|
|
126
|
-
className: e.glyph,
|
|
127
|
-
children: t.map((e) => /* @__PURE__ */ o("path", { d: e }, e))
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
var b = /* @__PURE__ */ i(function({ name: t, size: n = 24, decorative: r, className: i }, a) {
|
|
131
|
-
let s = p.size[n];
|
|
132
|
-
return /* @__PURE__ */ o("span", {
|
|
133
|
-
ref: a,
|
|
134
|
-
...r ? { "aria-hidden": !0 } : {
|
|
135
|
-
role: "img",
|
|
136
|
-
"aria-label": t
|
|
137
|
-
},
|
|
138
|
-
className: e("inline-flex shrink-0 items-center justify-center bg-ink text-on-ink select-none", s.classes, i),
|
|
139
|
-
children: y(s)
|
|
140
|
-
});
|
|
141
|
-
});
|
|
142
|
-
process.env.NODE_ENV !== "production" && (b.displayName = "AgentAvatar");
|
|
143
|
-
var x = /* @__PURE__ */ i(function({ name: n, src: i, agent: a, size: c = 24, className: l }, u) {
|
|
144
|
-
let f = t(), p = h.size[c];
|
|
145
|
-
return /* @__PURE__ */ s("span", {
|
|
146
|
-
ref: u,
|
|
147
|
-
role: "img",
|
|
148
|
-
"aria-label": f("agentAttribution.label", "{name} via {agent} ({model})", {
|
|
149
|
-
name: n,
|
|
150
|
-
agent: a.name,
|
|
151
|
-
model: d(a.model, f)
|
|
152
|
-
}),
|
|
153
|
-
className: e("relative inline-flex shrink-0", l),
|
|
154
|
-
children: [/* @__PURE__ */ o(r, {
|
|
155
|
-
name: n,
|
|
156
|
-
...i ? { src: i } : {},
|
|
157
|
-
size: c,
|
|
158
|
-
decorative: !0
|
|
159
|
-
}), /* @__PURE__ */ o("span", {
|
|
160
|
-
"aria-hidden": !0,
|
|
161
|
-
"data-agent-badge": "",
|
|
162
|
-
className: e("absolute inline-flex items-center justify-center bg-ink text-on-ink ring-2 ring-panel", p.classes),
|
|
163
|
-
children: y(p, _)
|
|
164
|
-
})]
|
|
165
|
-
});
|
|
166
|
-
});
|
|
167
|
-
process.env.NODE_ENV !== "production" && (x.displayName = "AgentAttribution");
|
|
168
|
-
//#endregion
|
|
169
|
-
export { m as a, f as c, h as i, c as l, b as n, p as o, g as r, d as s, x as t, l as u };
|
|
170
|
-
|
|
171
|
-
//# sourceMappingURL=agent-avatar-0pdBTWkR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"agent-avatar-0pdBTWkR.js","names":["cn","useUiText","Avatar","AGENT_MODELS","agentModel","model","PRODUCT_NAMES","modelName","englishText","known","useModelName","t","useMemo","KAESO_AGENT_AVATAR_VARIANTS","KAESO_AGENT_AVATAR_DEFAULT_VARIANTS","KAESO_AGENT_ATTRIBUTION_VARIANTS","KAESO_AGENT_ATTRIBUTION_DEFAULT_VARIANTS","BADGE_BOT","BOT","botGlyph","tile","paths","d","AgentAvatar","size","decorative","name","className","AgentAttribution","badge","agent","src"],"sources":["../../src/components/agent-avatar/models.ts","../../src/components/agent-avatar/model-name.ts","../../src/components/agent-avatar/agent-avatar.tsx"],"sourcesContent":["export const AGENT_MODELS = [\n \"claude\",\n \"gpt\",\n \"gemini\",\n \"gemma\",\n \"grok\",\n \"llama\",\n \"mistral\",\n \"deepseek\",\n \"qwen\",\n \"kimi\",\n \"glm\",\n \"minimax\",\n \"command\",\n \"nova\",\n \"phi\",\n \"granite\",\n \"jamba\",\n \"ernie\",\n \"hunyuan\",\n \"doubao\",\n \"yi\",\n \"nemotron\",\n \"olmo\",\n \"sonar\",\n \"reka\",\n \"unknown\",\n] as const;\n\nexport type AgentModel = (typeof AGENT_MODELS)[number];\n\n/** The model family an API string names, or `unknown` for anything the library doesn't know. */\nexport function agentModel(model: string): AgentModel {\n return (AGENT_MODELS as readonly string[]).includes(model) ? (model as AgentModel) : \"unknown\";\n}\n","import { useMemo } from \"react\";\nimport { englishText, useUiText, type UiText } from \"../../i18n/context.js\";\nimport { agentModel, type AgentModel } from \"./models.js\";\n\nconst PRODUCT_NAMES: Readonly<Record<Exclude<AgentModel, \"unknown\">, string>> = {\n claude: \"Claude\",\n gpt: \"GPT\",\n gemini: \"Gemini\",\n gemma: \"Gemma\",\n grok: \"Grok\",\n llama: \"Llama\",\n mistral: \"Mistral\",\n deepseek: \"DeepSeek\",\n qwen: \"Qwen\",\n kimi: \"Kimi\",\n glm: \"GLM\",\n minimax: \"MiniMax\",\n command: \"Command\",\n nova: \"Nova\",\n phi: \"Phi\",\n granite: \"Granite\",\n jamba: \"Jamba\",\n ernie: \"ERNIE\",\n hunyuan: \"Hunyuan\",\n doubao: \"Doubao\",\n yi: \"Yi\",\n nemotron: \"Nemotron\",\n olmo: \"OLMo\",\n sonar: \"Sonar\",\n reka: \"Reka\",\n};\n\n/**\n * The display name of a model family from the API, such as `deepseek` → \"DeepSeek\". Product names are never\n * translated; `unknown` and ids the library doesn't know are \"Unknown\", translated through `t` (English without it).\n * In a component, prefer `useModelName()`, which translates into the page's language.\n */\nexport function modelName(model: string, t: UiText = englishText): string {\n const known = agentModel(model);\n return known === \"unknown\" ? t(\"agentAvatar.unknownModel\", \"Unknown\") : PRODUCT_NAMES[known];\n}\n\n/** `modelName` in the language of the nearest `LocaleProvider`. */\nexport function useModelName(): (model: string) => string {\n const t = useUiText();\n return useMemo(() => (model: string) => modelName(model, t), [t]);\n}\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { Avatar } from \"../avatar/avatar.js\";\nimport { modelName } from \"./model-name.js\";\n\nexport const KAESO_AGENT_AVATAR_VARIANTS = {\n size: {\n 20: { classes: \"size-20 rounded-avatar\", glyph: \"size-14\", stroke: 2.25 },\n 24: { classes: \"size-24 rounded-avatar\", glyph: \"size-16\", stroke: 2 },\n 28: { classes: \"size-28 rounded-org\", glyph: \"size-18\", stroke: 2 },\n 32: { classes: \"size-32 rounded-org\", glyph: \"size-20\", stroke: 1.75 },\n 40: { classes: \"size-40 rounded-org\", glyph: \"size-28\", stroke: 1.5 },\n },\n} as const;\nexport const KAESO_AGENT_AVATAR_DEFAULT_VARIANTS = { size: 24 } as const;\n\nexport const KAESO_AGENT_ATTRIBUTION_VARIANTS = {\n size: {\n 20: { classes: \"size-10 right-0 bottom-0 rounded-cell\", glyph: \"size-8\", stroke: 3 },\n 24: { classes: \"size-12 right-0 bottom-0 rounded-cell\", glyph: \"size-10\", stroke: 2.75 },\n 28: { classes: \"size-14 right-0 bottom-0 rounded-cell\", glyph: \"size-10\", stroke: 2.5 },\n 32: { classes: \"size-16 right-0 bottom-0 rounded-cell\", glyph: \"size-12\", stroke: 2.25 },\n 40: { classes: \"size-20 right-0 bottom-0 rounded-avatar\", glyph: \"size-14\", stroke: 2 },\n },\n} as const;\nexport const KAESO_AGENT_ATTRIBUTION_DEFAULT_VARIANTS = { size: 24 } as const;\n\ntype AvatarSize = keyof typeof KAESO_AGENT_AVATAR_VARIANTS.size;\n\n// A bot's face on a 24 grid: head 4–20, ears at 2 and 22, antenna to 4.5, eyes as round-capped dots. Badges\n// drop the ears and widen the head, which is all that still reads at 8 to 14 pixels.\nconst BADGE_BOT = [\n \"M6.5 7h11A3.5 3.5 0 0 1 21 10.5v6a3.5 3.5 0 0 1-3.5 3.5h-11A3.5 3.5 0 0 1 3 16.5v-6A3.5 3.5 0 0 1 6.5 7z\",\n \"M12 7V3.5\",\n \"M9 13v1.5\",\n \"M15 13v1.5\",\n];\nconst BOT = [\n \"M7.5 8h9A3.5 3.5 0 0 1 20 11.5v5a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-5A3.5 3.5 0 0 1 7.5 8z\",\n \"M12 8V4.5\",\n \"M9.5 13.5v1\",\n \"M14.5 13.5v1\",\n \"M2 13v2\",\n \"M22 13v2\",\n];\n\nfunction botGlyph(tile: { glyph: string; stroke: number }, paths: readonly string[] = BOT) {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={tile.stroke}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden\n focusable=\"false\"\n className={tile.glyph}\n >\n {paths.map((d) => (\n <path key={d} d={d} />\n ))}\n </svg>\n );\n}\n\nexport interface AgentAvatarProps {\n name: string;\n size?: AvatarSize | undefined;\n decorative?: boolean | undefined;\n className?: string | undefined;\n}\n\nexport const AgentAvatar = /* @__PURE__ */ forwardRef<HTMLSpanElement, AgentAvatarProps>(function AgentAvatar({ name, size = 24, decorative, className }, ref) {\n const tile = KAESO_AGENT_AVATAR_VARIANTS.size[size];\n return (\n <span\n ref={ref}\n {...(decorative ? { \"aria-hidden\": true } : { role: \"img\", \"aria-label\": name })}\n className={cn(\"inline-flex shrink-0 items-center justify-center bg-ink text-on-ink select-none\", tile.classes, className)}\n >\n {botGlyph(tile)}\n </span>\n );\n});\nif (process.env.NODE_ENV !== \"production\") AgentAvatar.displayName = \"AgentAvatar\";\n\nexport interface AgentAttributionProps {\n name: string;\n src?: string | undefined;\n agent: { name: string; model: string };\n size?: AvatarSize | undefined;\n className?: string | undefined;\n}\n\nexport const AgentAttribution = /* @__PURE__ */ forwardRef<HTMLSpanElement, AgentAttributionProps>(function AgentAttribution({ name, src, agent, size = 24, className }, ref) {\n const t = useUiText();\n const badge = KAESO_AGENT_ATTRIBUTION_VARIANTS.size[size];\n return (\n <span\n ref={ref}\n role=\"img\"\n aria-label={t(\"agentAttribution.label\", \"{name} via {agent} ({model})\", { name, agent: agent.name, model: modelName(agent.model, t) })}\n className={cn(\"relative inline-flex shrink-0\", className)}\n >\n <Avatar name={name} {...(src ? { src } : {})} size={size} decorative />\n <span\n aria-hidden\n data-agent-badge=\"\"\n className={cn(\"absolute inline-flex items-center justify-center bg-ink text-on-ink ring-2 ring-panel\", badge.classes)}\n >\n {botGlyph(badge, BADGE_BOT)}\n </span>\n </span>\n );\n});\nif (process.env.NODE_ENV !== \"production\") AgentAttribution.displayName = \"AgentAttribution\";\n"],"mappings":"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"}
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { t as e } from "./cn-Dj6sRgkF.js";
|
|
3
|
-
import { n as t, t as n } from "./inset-BUzyXLK4.js";
|
|
4
|
-
import { i as r } from "./context-BELWW79w.js";
|
|
5
|
-
import { c as i, u as a } from "./tooltip-OcwO0VUT.js";
|
|
6
|
-
import { a as o } from "./button-CzuxqawA.js";
|
|
7
|
-
import { t as s } from "./icon-button-CrdF_eMG.js";
|
|
8
|
-
import { l as c, t as l } from "./sidebar-3r1ZRXlN.js";
|
|
9
|
-
import { t as u } from "./when-idle-Cy3pinqO.js";
|
|
10
|
-
import { createContext as d, forwardRef as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
|
|
11
|
-
import { jsx as x, jsxs as S } from "react/jsx-runtime";
|
|
12
|
-
import { SidebarLeftIcon as C } from "@hugeicons/core-free-icons";
|
|
13
|
-
//#region src/components/app-frame/app-frame.tsx
|
|
14
|
-
var w = { fill: {
|
|
15
|
-
screen: { classes: "h-dvh" },
|
|
16
|
-
parent: { classes: "h-full" }
|
|
17
|
-
} }, T = { fill: "screen" }, E = /* @__PURE__ */ d({
|
|
18
|
-
openNav: () => void 0,
|
|
19
|
-
embedded: !1,
|
|
20
|
-
sheetReady: { current: !1 }
|
|
21
|
-
}), D = () => m(E), O = /* @__PURE__ */ f(function({ sidebar: t, children: n, corner: r, fill: i = "screen", brandHref: a, brandLabel: o, phoneActions: s, className: c }, l) {
|
|
22
|
-
let [u, d] = b(!1), f = y(null), p = y(!1), m = `k-main-${g().replace(/[^\w-]/g, "")}`, h = i === "screen" ? "main" : "div", _ = v(() => ({
|
|
23
|
-
openNav: () => d(!0),
|
|
24
|
-
embedded: i === "parent",
|
|
25
|
-
sheetReady: p
|
|
26
|
-
}), [i]);
|
|
27
|
-
return /* @__PURE__ */ S(E.Provider, {
|
|
28
|
-
value: _,
|
|
29
|
-
children: [/* @__PURE__ */ S("div", {
|
|
30
|
-
ref: l,
|
|
31
|
-
className: e("relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row", w.fill[i].classes, c),
|
|
32
|
-
children: [
|
|
33
|
-
/* @__PURE__ */ x(k, { target: m }),
|
|
34
|
-
/* @__PURE__ */ x("div", {
|
|
35
|
-
className: "hidden h-full lg:flex",
|
|
36
|
-
children: t
|
|
37
|
-
}),
|
|
38
|
-
/* @__PURE__ */ x(A, {
|
|
39
|
-
banner: i === "screen",
|
|
40
|
-
href: a,
|
|
41
|
-
label: o,
|
|
42
|
-
actions: s,
|
|
43
|
-
open: u,
|
|
44
|
-
onToggle: () => d((e) => !e),
|
|
45
|
-
toggleRef: f
|
|
46
|
-
}),
|
|
47
|
-
/* @__PURE__ */ x(h, {
|
|
48
|
-
id: m,
|
|
49
|
-
className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel",
|
|
50
|
-
children: n
|
|
51
|
-
}),
|
|
52
|
-
r && /* @__PURE__ */ x("div", {
|
|
53
|
-
className: "fixed right-16 bottom-16 z-10 flex items-center gap-8",
|
|
54
|
-
children: r
|
|
55
|
-
})
|
|
56
|
-
]
|
|
57
|
-
}), /* @__PURE__ */ x(N, {
|
|
58
|
-
navOpen: u,
|
|
59
|
-
setNavOpen: d,
|
|
60
|
-
toggle: f,
|
|
61
|
-
ready: p,
|
|
62
|
-
children: t
|
|
63
|
-
})]
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
process.env.NODE_ENV !== "production" && (O.displayName = "AppFrame");
|
|
67
|
-
function k({ target: t }) {
|
|
68
|
-
let n = r();
|
|
69
|
-
return /* @__PURE__ */ x("a", {
|
|
70
|
-
href: `#${t}`,
|
|
71
|
-
onClick: (e) => {
|
|
72
|
-
let n = document.getElementById(t);
|
|
73
|
-
n && (e.preventDefault(), n.setAttribute("tabindex", "-1"), n.addEventListener("blur", () => n.removeAttribute("tabindex"), { once: !0 }), n.focus());
|
|
74
|
-
},
|
|
75
|
-
className: e(o({ size: "sm" }), "absolute top-8 left-8 z-50 not-focus:sr-only"),
|
|
76
|
-
children: n("appFrame.skipToContent", "Skip to content")
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
process.env.NODE_ENV !== "production" && (k.displayName = "AppFrame.SkipLink");
|
|
80
|
-
function A({ banner: e, href: t, label: n, actions: i, open: a, onToggle: o, toggleRef: c }) {
|
|
81
|
-
let u = e ? "header" : "div", d = r();
|
|
82
|
-
return /* @__PURE__ */ x(u, {
|
|
83
|
-
"data-phone-bar": "",
|
|
84
|
-
className: "shrink-0 bg-panel safe-area-bar lg:hidden",
|
|
85
|
-
children: /* @__PURE__ */ S("div", {
|
|
86
|
-
className: "mt-8 flex h-52 items-center justify-between px-24",
|
|
87
|
-
children: [/* @__PURE__ */ x(l, {
|
|
88
|
-
href: t,
|
|
89
|
-
label: n
|
|
90
|
-
}), /* @__PURE__ */ S("span", {
|
|
91
|
-
className: "flex items-center",
|
|
92
|
-
children: [i, /* @__PURE__ */ x(s, {
|
|
93
|
-
ref: c,
|
|
94
|
-
icon: C,
|
|
95
|
-
"aria-label": d("appFrame.openNavigation", "Open navigation"),
|
|
96
|
-
"aria-haspopup": "dialog",
|
|
97
|
-
"aria-expanded": a,
|
|
98
|
-
tooltip: !1,
|
|
99
|
-
onClick: o
|
|
100
|
-
})]
|
|
101
|
-
})]
|
|
102
|
-
})
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
process.env.NODE_ENV !== "production" && (A.displayName = "AppFrame.PhoneBar");
|
|
106
|
-
var j = 750, M = /* @__PURE__ */ i(() => import("./nav-sheet-CzgIwgAm.js").then((e) => e.n), { base: () => import.meta.url });
|
|
107
|
-
function N({ navOpen: e, setNavOpen: t, toggle: n, ready: r, children: i }) {
|
|
108
|
-
let { peeking: o, setPeeking: s } = c(), [l, d] = b(!1);
|
|
109
|
-
h(() => u(() => d(!0)), []);
|
|
110
|
-
let f = p(() => {
|
|
111
|
-
t(!1), s(!1);
|
|
112
|
-
}, [t, s]), m = a(M, l || e || o, () => {
|
|
113
|
-
d(!1), f();
|
|
114
|
-
})?.NavSheet, g = (e || o) && !m;
|
|
115
|
-
return _(() => {
|
|
116
|
-
r.current = !!m;
|
|
117
|
-
}), P(g, n, f), m ? /* @__PURE__ */ x(m, {
|
|
118
|
-
open: e || o,
|
|
119
|
-
peek: o && !e,
|
|
120
|
-
...e ? { returnFocus: n } : {},
|
|
121
|
-
onOpenChange: (e) => {
|
|
122
|
-
e || f();
|
|
123
|
-
},
|
|
124
|
-
children: i
|
|
125
|
-
}) : null;
|
|
126
|
-
}
|
|
127
|
-
function P(e, t, n) {
|
|
128
|
-
h(() => {
|
|
129
|
-
if (!e) return;
|
|
130
|
-
let r = t.current?.ownerDocument ?? document, i = (e) => {
|
|
131
|
-
e.key === "Escape" && (e.stopPropagation(), n());
|
|
132
|
-
}, a = (e) => {
|
|
133
|
-
t.current?.contains(e.target) || n();
|
|
134
|
-
};
|
|
135
|
-
return r.addEventListener("keydown", i, !0), r.addEventListener("pointerdown", a, !0), () => {
|
|
136
|
-
r.removeEventListener("keydown", i, !0), r.removeEventListener("pointerdown", a, !0);
|
|
137
|
-
};
|
|
138
|
-
}, [
|
|
139
|
-
e,
|
|
140
|
-
t,
|
|
141
|
-
n
|
|
142
|
-
]);
|
|
143
|
-
}
|
|
144
|
-
var F = /* @__PURE__ */ f(function({ className: t }, n) {
|
|
145
|
-
let { openNav: i, sheetReady: a } = D(), { collapsed: o, setCollapsed: l, setPeeking: u } = c(), d = y(void 0);
|
|
146
|
-
h(() => () => clearTimeout(d.current), []);
|
|
147
|
-
let f = r(), p = () => typeof window < "u" && window.matchMedia("(min-width: 1024px)").matches;
|
|
148
|
-
return /* @__PURE__ */ x(s, {
|
|
149
|
-
ref: n,
|
|
150
|
-
onPointerEnter: () => {
|
|
151
|
-
o && p() && (d.current = setTimeout(() => u(!0), 750));
|
|
152
|
-
},
|
|
153
|
-
onPointerLeave: () => {
|
|
154
|
-
clearTimeout(d.current), a.current || u(!1);
|
|
155
|
-
},
|
|
156
|
-
icon: C,
|
|
157
|
-
"data-sidebar-expand": "",
|
|
158
|
-
"aria-label": o ? f("appFrame.expandSidebar", "Expand sidebar") : f("appFrame.openNavigation", "Open navigation"),
|
|
159
|
-
shortcut: o ? ["["] : void 0,
|
|
160
|
-
onClick: () => {
|
|
161
|
-
clearTimeout(d.current), o && p() ? l(!1) : i();
|
|
162
|
-
},
|
|
163
|
-
className: e("hidden", o && "lg:inline-flex", t)
|
|
164
|
-
});
|
|
165
|
-
});
|
|
166
|
-
process.env.NODE_ENV !== "production" && (F.displayName = "AppFrame.MenuButton");
|
|
167
|
-
var I = { padding: {
|
|
168
|
-
none: { classes: "" },
|
|
169
|
-
list: { classes: "pt-8 pb-24" },
|
|
170
|
-
page: { classes: "px-24 pt-16 pb-48" }
|
|
171
|
-
} }, L = { padding: "none" }, R = /* @__PURE__ */ f(function({ className: t, padding: r = "none", children: i, ...a }, o) {
|
|
172
|
-
return /* @__PURE__ */ x("div", {
|
|
173
|
-
ref: o,
|
|
174
|
-
className: e("min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet", I.padding[r].classes, t),
|
|
175
|
-
...a,
|
|
176
|
-
children: /* @__PURE__ */ x(n, {
|
|
177
|
-
padded: r === "page",
|
|
178
|
-
children: i
|
|
179
|
-
})
|
|
180
|
-
});
|
|
181
|
-
});
|
|
182
|
-
process.env.NODE_ENV !== "production" && (R.displayName = "AppFrame.Body");
|
|
183
|
-
var z = /* @__PURE__ */ f(function({ title: r, description: i, actions: a, className: o, children: s, ...c }, l) {
|
|
184
|
-
return /* @__PURE__ */ S(R, {
|
|
185
|
-
ref: l,
|
|
186
|
-
className: "relative",
|
|
187
|
-
children: [/* @__PURE__ */ x(F, { className: "absolute top-10 left-24 z-10" }), /* @__PURE__ */ S("div", {
|
|
188
|
-
className: e("mx-auto w-full max-w-settings px-24 pt-64 pb-96", o),
|
|
189
|
-
...c,
|
|
190
|
-
children: [/* @__PURE__ */ S("header", {
|
|
191
|
-
className: "flex flex-col gap-8",
|
|
192
|
-
children: [/* @__PURE__ */ S("div", {
|
|
193
|
-
className: "flex flex-wrap items-start justify-between gap-x-16 gap-y-8",
|
|
194
|
-
children: [/* @__PURE__ */ x("h1", {
|
|
195
|
-
className: "min-w-0 text-title-lg font-semibold text-fg text-balance",
|
|
196
|
-
children: r
|
|
197
|
-
}), a && /* @__PURE__ */ x("div", {
|
|
198
|
-
className: "ml-auto flex h-34 shrink-0 items-center gap-8",
|
|
199
|
-
children: a
|
|
200
|
-
})]
|
|
201
|
-
}), i && /* @__PURE__ */ x("p", {
|
|
202
|
-
className: "text-body-lg font-regular text-fg-secondary",
|
|
203
|
-
children: i
|
|
204
|
-
})]
|
|
205
|
-
}), /* @__PURE__ */ x("div", {
|
|
206
|
-
className: "mt-8",
|
|
207
|
-
children: /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(n, { children: s }) })
|
|
208
|
-
})]
|
|
209
|
-
})]
|
|
210
|
-
});
|
|
211
|
-
});
|
|
212
|
-
process.env.NODE_ENV !== "production" && (z.displayName = "AppFrame.Settings");
|
|
213
|
-
var B = /* @__PURE__ */ Object.assign(O, {
|
|
214
|
-
MenuButton: F,
|
|
215
|
-
Body: R,
|
|
216
|
-
Settings: z
|
|
217
|
-
});
|
|
218
|
-
//#endregion
|
|
219
|
-
export { w as a, T as i, L as n, j as o, I as r, D as s, B as t };
|
|
220
|
-
|
|
221
|
-
//# sourceMappingURL=app-frame-DogGRmsu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"app-frame-DogGRmsu.js","names":["__icon_SidebarLeftIcon","cn","InsetContent","GutterContent","useUiText","lazyModule","useLazyModule","buttonClasses","IconButton","useSidebar","BrandWordmark","whenIdle","KAESO_APP_FRAME_VARIANTS","KAESO_APP_FRAME_DEFAULT_VARIANTS","Ctx","useAppFrame","useContext","Root","navOpen","setNavOpen","useState","toggle","useRef","sheetReady","mainId","useId","Main","fill","frame","useMemo","className","SkipLink","sidebar","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","FrameSheet","t","target","main","Bar","banner","actions","toggleRef","SidebarLeftIcon","open","onToggle","PEEK_DELAY","navSheet","n","idle","setIdle","dismiss","useCallback","setPeeking","NavSheet","peeking","pending","useLayoutEffect","usePendingDismiss","doc","onKeyDown","onPointerDown","MenuButton","intent","wide","collapsed","setCollapsed","openNav","KAESO_APP_FRAME_BODY_VARIANTS","KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS","Body","props","padding","Settings","title","description","AppFrame"],"sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["import {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useId,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type ReactNode,\n type RefObject,\n} from \"react\";\nimport { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { SidebarLeftIcon as __icon_SidebarLeftIcon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { buttonClasses } from \"../button/button.js\";\nimport { useSidebar, BrandWordmark } from \"../sidebar/sidebar.js\";\nimport { lazyModule, useLazyModule } from \"../../utils/lazy-module.js\";\nimport { whenIdle } from \"../../utils/when-idle.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_APP_FRAME_VARIANTS = {\n fill: {\n screen: { classes: \"h-dvh\" },\n parent: { classes: \"h-full\" },\n },\n} as const;\nexport const KAESO_APP_FRAME_DEFAULT_VARIANTS = { fill: \"screen\" } as const;\n\nconst Ctx = /* @__PURE__ */ createContext<{ openNav: () => void; embedded: boolean; sheetReady: RefObject<boolean> }>({\n openNav: () => undefined,\n embedded: false,\n sheetReady: { current: false },\n});\nexport const useAppFrame = () => useContext(Ctx);\n\nexport interface AppFrameProps {\n sidebar: ReactNode;\n children: ReactNode;\n corner?: ReactNode | undefined;\n fill?: keyof typeof KAESO_APP_FRAME_VARIANTS.fill | undefined;\n brandHref?: string | undefined;\n brandLabel?: string | undefined;\n phoneActions?: ReactNode | undefined;\n className?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameProps>(function AppFrame(\n { sidebar, children, corner, fill = \"screen\", brandHref, brandLabel, phoneActions, className },\n ref,\n) {\n const [navOpen, setNavOpen] = useState(false);\n const toggle = useRef<HTMLButtonElement | null>(null);\n const sheetReady = useRef(false);\n const mainId = `k-main-${useId().replace(/[^\\w-]/g, \"\")}`;\n const Main = fill === \"screen\" ? \"main\" : \"div\";\n const frame = useMemo(() => ({ openNav: () => setNavOpen(true), embedded: fill === \"parent\", sheetReady }), [fill]);\n return (\n <Ctx.Provider value={frame}>\n <div\n ref={ref}\n className={cn(\n \"relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row\",\n KAESO_APP_FRAME_VARIANTS.fill[fill].classes,\n className,\n )}\n >\n <SkipLink target={mainId} />\n <div className=\"hidden h-full lg:flex\">{sidebar}</div>\n <PhoneBar\n banner={fill === \"screen\"}\n href={brandHref}\n label={brandLabel}\n actions={phoneActions}\n open={navOpen}\n onToggle={() => setNavOpen((o) => !o)}\n toggleRef={toggle}\n />\n <Main\n id={mainId}\n className=\"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel\"\n >\n {children}\n </Main>\n {corner && <div className=\"fixed right-16 bottom-16 z-10 flex items-center gap-8\">{corner}</div>}\n </div>\n <FrameSheet navOpen={navOpen} setNavOpen={setNavOpen} toggle={toggle} ready={sheetReady}>\n {sidebar}\n </FrameSheet>\n </Ctx.Provider>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"AppFrame\";\n\nfunction SkipLink({ target }: { target: string }) {\n const t = useUiText();\n return (\n <a\n href={`#${target}`}\n onClick={(e) => {\n const main = document.getElementById(target);\n if (!main) return;\n e.preventDefault();\n main.setAttribute(\"tabindex\", \"-1\");\n main.addEventListener(\"blur\", () => main.removeAttribute(\"tabindex\"), { once: true });\n main.focus();\n }}\n className={cn(buttonClasses({ size: \"sm\" }), \"absolute top-8 left-8 z-50 not-focus:sr-only\")}\n >\n {t(\"appFrame.skipToContent\", \"Skip to content\")}\n </a>\n );\n}\nif (process.env.NODE_ENV !== \"production\") SkipLink.displayName = \"AppFrame.SkipLink\";\n\nfunction PhoneBar({\n banner,\n href,\n label,\n actions,\n open,\n onToggle,\n toggleRef,\n}: {\n banner: boolean;\n href: string | undefined;\n label: string | undefined;\n actions: ReactNode;\n open: boolean;\n onToggle: () => void;\n toggleRef: RefObject<HTMLButtonElement | null>;\n}) {\n const Bar = banner ? \"header\" : \"div\";\n const t = useUiText();\n return (\n <Bar data-phone-bar=\"\" className=\"shrink-0 bg-panel safe-area-bar lg:hidden\">\n <div className=\"mt-8 flex h-52 items-center justify-between px-24\">\n <BrandWordmark href={href} label={label} />\n <span className=\"flex items-center\">\n {actions}\n <IconButton\n ref={toggleRef}\n icon={__icon_SidebarLeftIcon}\n aria-label={t(\"appFrame.openNavigation\", \"Open navigation\")}\n aria-haspopup=\"dialog\"\n aria-expanded={open}\n tooltip={false}\n onClick={onToggle}\n />\n </span>\n </div>\n </Bar>\n );\n}\nif (process.env.NODE_ENV !== \"production\") PhoneBar.displayName = \"AppFrame.PhoneBar\";\n\nexport const PEEK_DELAY = 750;\n\nconst navSheet = /* @__PURE__ */ lazyModule(() => import(\"./nav-sheet.js\"), { base: () => import.meta.url });\n\nfunction FrameSheet({\n navOpen,\n setNavOpen,\n toggle,\n ready,\n children,\n}: {\n navOpen: boolean;\n setNavOpen: (o: boolean) => void;\n toggle: RefObject<HTMLElement | null>;\n ready: RefObject<boolean>;\n children: ReactNode;\n}) {\n const { peeking, setPeeking } = useSidebar();\n const [idle, setIdle] = useState(false);\n useEffect(() => whenIdle(() => setIdle(true)), []);\n const dismiss = useCallback(() => {\n setNavOpen(false);\n setPeeking(false);\n }, [setNavOpen, setPeeking]);\n const NavSheet = useLazyModule(navSheet, idle || navOpen || peeking, () => {\n setIdle(false);\n dismiss();\n })?.NavSheet;\n const pending = (navOpen || peeking) && !NavSheet;\n useLayoutEffect(() => {\n ready.current = !!NavSheet;\n });\n usePendingDismiss(pending, toggle, dismiss);\n if (!NavSheet) return null;\n return (\n <NavSheet\n open={navOpen || peeking}\n peek={peeking && !navOpen}\n {...(navOpen ? { returnFocus: toggle } : {})}\n onOpenChange={(o) => {\n if (!o) dismiss();\n }}\n >\n {children}\n </NavSheet>\n );\n}\n\nfunction usePendingDismiss(pending: boolean, toggle: RefObject<HTMLElement | null>, dismiss: () => void) {\n useEffect(() => {\n if (!pending) return;\n const doc = toggle.current?.ownerDocument ?? document;\n const onKeyDown = (e: KeyboardEvent) => {\n if (e.key !== \"Escape\") return;\n e.stopPropagation();\n dismiss();\n };\n const onPointerDown = (e: PointerEvent) => {\n if (!toggle.current?.contains(e.target as Node)) dismiss();\n };\n doc.addEventListener(\"keydown\", onKeyDown, true);\n doc.addEventListener(\"pointerdown\", onPointerDown, true);\n return () => {\n doc.removeEventListener(\"keydown\", onKeyDown, true);\n doc.removeEventListener(\"pointerdown\", onPointerDown, true);\n };\n }, [pending, toggle, dismiss]);\n}\n\nconst MenuButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, { className?: string | undefined }>(function AppFrameMenuButton({ className }, ref) {\n const { openNav, sheetReady } = useAppFrame();\n const { collapsed, setCollapsed, setPeeking } = useSidebar();\n const intent = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n useEffect(() => () => clearTimeout(intent.current), []);\n const t = useUiText();\n const wide = () => typeof window !== \"undefined\" && window.matchMedia(\"(min-width: 1024px)\").matches;\n return (\n <IconButton\n ref={ref}\n onPointerEnter={() => {\n if (collapsed && wide()) intent.current = setTimeout(() => setPeeking(true), PEEK_DELAY);\n }}\n onPointerLeave={() => {\n clearTimeout(intent.current);\n if (!sheetReady.current) setPeeking(false);\n }}\n icon={__icon_SidebarLeftIcon}\n data-sidebar-expand=\"\"\n aria-label={collapsed ? t(\"appFrame.expandSidebar\", \"Expand sidebar\") : t(\"appFrame.openNavigation\", \"Open navigation\")}\n shortcut={collapsed ? [\"[\"] : undefined}\n onClick={() => {\n clearTimeout(intent.current);\n if (collapsed && wide()) setCollapsed(false);\n else openNav();\n }}\n className={cn(\"hidden\", collapsed && \"lg:inline-flex\", className)}\n />\n );\n});\nif (process.env.NODE_ENV !== \"production\") MenuButton.displayName = \"AppFrame.MenuButton\";\n\nexport const KAESO_APP_FRAME_BODY_VARIANTS = {\n padding: {\n none: { classes: \"\" },\n list: { classes: \"pt-8 pb-24\" },\n page: { classes: \"px-24 pt-16 pb-48\" },\n },\n} as const;\nexport const KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS = { padding: \"none\" } as const;\n\nexport interface AppFrameBodyProps extends HTMLAttributes<HTMLDivElement> {\n padding?: keyof typeof KAESO_APP_FRAME_BODY_VARIANTS.padding | undefined;\n}\n\nconst Body = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameBodyProps>(function AppFrameBody({ className, padding = \"none\", children, ...props }, ref) {\n return (\n <div\n ref={ref}\n className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet\", KAESO_APP_FRAME_BODY_VARIANTS.padding[padding].classes, className)}\n {...props}\n >\n <GutterContent padded={padding === \"page\"}>{children}</GutterContent>\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"AppFrame.Body\";\n\nexport interface SettingsPageProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n title: ReactNode;\n description?: ReactNode | undefined;\n actions?: ReactNode | undefined;\n}\n\nconst Settings = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsPageProps>(function AppFrameSettings({ title, description, actions, className, children, ...props }, ref) {\n return (\n <Body ref={ref} className=\"relative\">\n <MenuButton className=\"absolute top-10 left-24 z-10\" />\n <div className={cn(\"mx-auto w-full max-w-settings px-24 pt-64 pb-96\", className)} {...props}>\n <header className=\"flex flex-col gap-8\">\n <div className=\"flex flex-wrap items-start justify-between gap-x-16 gap-y-8\">\n <h1 className=\"min-w-0 text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n {actions && <div className=\"ml-auto flex h-34 shrink-0 items-center gap-8\">{actions}</div>}\n </div>\n {description && <p className=\"text-body-lg font-regular text-fg-secondary\">{description}</p>}\n </header>\n <div className=\"mt-8\">\n <InsetContent>\n <GutterContent>{children}</GutterContent>\n </InsetContent>\n </div>\n </div>\n </Body>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Settings.displayName = \"AppFrame.Settings\";\n\nexport const AppFrame = /* @__PURE__ */ Object.assign(Root, { MenuButton, Body, Settings });\n"],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
function e(e) {
|
|
2
|
-
if (e.defaultPrevented || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
|
|
3
|
-
let t = e.target;
|
|
4
|
-
if (t.tagName === "INPUT" && t.value) return;
|
|
5
|
-
let n = [...e.currentTarget.querySelectorAll("button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), a[href]")], r = n.indexOf(t);
|
|
6
|
-
r < 0 || (e.preventDefault(), n[(r + (e.key === "ArrowRight" ? 1 : -1) + n.length) % n.length]?.focus());
|
|
7
|
-
}
|
|
8
|
-
//#endregion
|
|
9
|
-
export { e as t };
|
|
10
|
-
|
|
11
|
-
//# sourceMappingURL=arrow-focus-BcySmwwU.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-focus-BcySmwwU.js","names":["arrowFocus","target","items","i"],"sources":["../../src/utils/arrow-focus.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\n\nconst FOCUSABLE = 'button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), a[href]';\n\nexport function arrowFocus(e: KeyboardEvent<HTMLElement>) {\n if (e.defaultPrevented || (e.key !== \"ArrowLeft\" && e.key !== \"ArrowRight\")) return;\n const target = e.target as HTMLElement;\n if (target.tagName === \"INPUT\" && (target as HTMLInputElement).value) return;\n const items = [...e.currentTarget.querySelectorAll<HTMLElement>(FOCUSABLE)];\n const i = items.indexOf(target);\n if (i < 0) return;\n e.preventDefault();\n items[(i + (e.key === \"ArrowRight\" ? 1 : -1) + items.length) % items.length]?.focus();\n}\n"],"mappings":"AAIA,SAAgBA,EAAW,GAA+B;CACxD,IAAI,EAAE,oBAAqB,EAAE,QAAQ,eAAe,EAAE,QAAQ,cAAe;CAC7E,IAAMC,IAAS,EAAE;CACjB,IAAIA,EAAO,YAAY,WAAYA,EAA4B,OAAO;CACtE,IAAMC,IAAQ,CAAC,GAAG,EAAE,cAAc,iBAA8B,2FAAS,CAAC,GACpEC,IAAID,EAAM,QAAQD,CAAM;CAC9B,AAAIE,IAAI,MACR,EAAE,eAAe,GACjBD,GAAOC,KAAK,EAAE,QAAQ,eAAe,IAAI,MAAMD,EAAM,UAAUA,EAAM,OAAO,EAAE,MAAM;AACtF"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { t as e } from "./cn-Dj6sRgkF.js";
|
|
3
|
-
import { i as t } from "./context-BELWW79w.js";
|
|
4
|
-
import { forwardRef as n, useState as r } from "react";
|
|
5
|
-
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
|
-
//#region src/components/avatar/avatar.tsx
|
|
7
|
-
var o = {
|
|
8
|
-
size: {
|
|
9
|
-
20: { classes: "size-20 text-micro" },
|
|
10
|
-
24: { classes: "size-24 text-micro" },
|
|
11
|
-
28: { classes: "size-28 text-caption" },
|
|
12
|
-
32: { classes: "size-32 text-caption" },
|
|
13
|
-
40: { classes: "size-40 text-body" }
|
|
14
|
-
},
|
|
15
|
-
kind: {
|
|
16
|
-
person: { classes: "rounded-pill" },
|
|
17
|
-
org: { classes: "rounded-org" }
|
|
18
|
-
}
|
|
19
|
-
}, s = {
|
|
20
|
-
size: 24,
|
|
21
|
-
kind: "person"
|
|
22
|
-
};
|
|
23
|
-
function c(e, t = 2) {
|
|
24
|
-
let n = e.trim().split(/\s+/).filter(Boolean);
|
|
25
|
-
if (n.length === 0) return "?";
|
|
26
|
-
let r = n[0]?.[0] ?? "";
|
|
27
|
-
return (t === 1 || n.length < 2 ? r : r + (n[n.length - 1]?.[0] ?? "")).toUpperCase();
|
|
28
|
-
}
|
|
29
|
-
var l = /* @__PURE__ */ n(function({ name: t, src: n, size: a = 24, kind: s = "person", decorative: l, className: u }, d) {
|
|
30
|
-
let [f, p] = r(void 0);
|
|
31
|
-
return /* @__PURE__ */ i("span", {
|
|
32
|
-
ref: d,
|
|
33
|
-
...l ? { "aria-hidden": !0 } : {
|
|
34
|
-
role: "img",
|
|
35
|
-
"aria-label": t
|
|
36
|
-
},
|
|
37
|
-
className: e("relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-fill-2 font-semibold text-fg select-none", o.size[a].classes, o.kind[s].classes, a <= 24 && s === "org" && "rounded-avatar", u),
|
|
38
|
-
children: n && n !== f ? /* @__PURE__ */ i("img", {
|
|
39
|
-
src: n,
|
|
40
|
-
alt: "",
|
|
41
|
-
className: "size-full object-cover",
|
|
42
|
-
onError: () => p(n)
|
|
43
|
-
}) : c(t, a === 20 ? 1 : 2)
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
process.env.NODE_ENV !== "production" && (l.displayName = "Avatar");
|
|
47
|
-
var u = {
|
|
48
|
-
20: "-ms-4",
|
|
49
|
-
24: "-ms-2",
|
|
50
|
-
28: "-ms-2",
|
|
51
|
-
32: "-ms-4",
|
|
52
|
-
40: "-ms-6"
|
|
53
|
-
}, d = /* @__PURE__ */ n(function({ people: n, size: r = 24, max: s = 4, className: c, children: d }, f) {
|
|
54
|
-
let p = t(), m = n.slice(0, s), h = n.length - m.length, g = u[r];
|
|
55
|
-
return /* @__PURE__ */ a("div", {
|
|
56
|
-
ref: f,
|
|
57
|
-
role: "group",
|
|
58
|
-
"aria-label": n.map((e) => e.name).join(p("avatarGroup.listSeparator", ", ")),
|
|
59
|
-
className: e("flex items-center", c),
|
|
60
|
-
children: [
|
|
61
|
-
m.map((t, n) => /* @__PURE__ */ i(l, {
|
|
62
|
-
name: t.name,
|
|
63
|
-
...t.src ? { src: t.src } : {},
|
|
64
|
-
size: r,
|
|
65
|
-
decorative: !0,
|
|
66
|
-
className: e("ring-2 ring-panel", n > 0 && g)
|
|
67
|
-
}, t.name + n)),
|
|
68
|
-
h > 0 && /* @__PURE__ */ a("span", {
|
|
69
|
-
className: e("inline-flex shrink-0 items-center justify-center rounded-pill bg-fill-1 font-medium text-fg-secondary ring-2 ring-panel tabular", o.size[r].classes, g),
|
|
70
|
-
children: ["+", h]
|
|
71
|
-
}),
|
|
72
|
-
d && /* @__PURE__ */ i("span", {
|
|
73
|
-
className: "ms-8 inline-flex items-center",
|
|
74
|
-
children: d
|
|
75
|
-
})
|
|
76
|
-
]
|
|
77
|
-
});
|
|
78
|
-
});
|
|
79
|
-
process.env.NODE_ENV !== "production" && (d.displayName = "AvatarGroup");
|
|
80
|
-
//#endregion
|
|
81
|
-
export { c as a, o as i, d as n, s as r, l as t };
|
|
82
|
-
|
|
83
|
-
//# sourceMappingURL=avatar-CWbdwbJv.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-CWbdwbJv.js","names":["cn","useUiText","KAESO_AVATAR_VARIANTS","KAESO_AVATAR_DEFAULT_VARIANTS","initials","parts","name","first","max","Avatar","failedSrc","setFailedSrc","useState","decorative","size","kind","className","src","GROUP_OVERLAP","AvatarGroup","t","shown","people","rest","overlap","p","i","children"],"sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_AVATAR_VARIANTS = {\n size: {\n 20: { classes: \"size-20 text-micro\" },\n 24: { classes: \"size-24 text-micro\" },\n 28: { classes: \"size-28 text-caption\" },\n 32: { classes: \"size-32 text-caption\" },\n 40: { classes: \"size-40 text-body\" },\n },\n kind: {\n person: { classes: \"rounded-pill\" },\n org: { classes: \"rounded-org\" },\n },\n} as const;\nexport const KAESO_AVATAR_DEFAULT_VARIANTS = { size: 24, kind: \"person\" } as const;\n\nexport function initials(name: string, max: 1 | 2 = 2): string {\n const parts = name.trim().split(/\\s+/).filter(Boolean);\n if (parts.length === 0) return \"?\";\n const first = parts[0]?.[0] ?? \"\";\n return (max === 1 || parts.length < 2 ? first : first + (parts[parts.length - 1]?.[0] ?? \"\")).toUpperCase();\n}\n\nexport interface AvatarProps {\n name: string;\n src?: string | undefined;\n size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n kind?: keyof typeof KAESO_AVATAR_VARIANTS.kind | undefined;\n decorative?: boolean | undefined;\n className?: string | undefined;\n}\n\nexport const Avatar = /* @__PURE__ */ forwardRef<HTMLSpanElement, AvatarProps>(function Avatar({ name, src, size = 24, kind = \"person\", decorative, className }, ref) {\n const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n return (\n <span\n ref={ref}\n {...(decorative ? { \"aria-hidden\": true } : { role: \"img\", \"aria-label\": name })}\n className={cn(\n \"relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-fill-2 font-semibold text-fg select-none\",\n KAESO_AVATAR_VARIANTS.size[size].classes,\n KAESO_AVATAR_VARIANTS.kind[kind].classes,\n size <= 24 && kind === \"org\" && \"rounded-avatar\",\n className,\n )}\n >\n {src && src !== failedSrc ? (\n <img src={src} alt=\"\" className=\"size-full object-cover\" onError={() => setFailedSrc(src)} />\n ) : (\n initials(name, size === 20 ? 1 : 2)\n )}\n </span>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Avatar.displayName = \"Avatar\";\n\nexport interface AvatarGroupProps {\n people: { name: string; src?: string | undefined }[];\n size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n max?: number | undefined;\n className?: string | undefined;\n children?: ReactNode | undefined;\n}\n\nconst GROUP_OVERLAP = { 20: \"-ms-4\", 24: \"-ms-2\", 28: \"-ms-2\", 32: \"-ms-4\", 40: \"-ms-6\" } as const;\n\nexport const AvatarGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup({ people, size = 24, max = 4, className, children }, ref) {\n const t = useUiText();\n const shown = people.slice(0, max);\n const rest = people.length - shown.length;\n const overlap = GROUP_OVERLAP[size];\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-label={people.map((p) => p.name).join(t(\"avatarGroup.listSeparator\", \", \"))}\n className={cn(\"flex items-center\", className)}\n >\n {shown.map((p, i) => (\n <Avatar\n key={p.name + i}\n name={p.name}\n {...(p.src ? { src: p.src } : {})}\n size={size}\n decorative\n className={cn(\"ring-2 ring-panel\", i > 0 && overlap)}\n />\n ))}\n {rest > 0 && (\n <span\n className={cn(\n \"inline-flex shrink-0 items-center justify-center rounded-pill bg-fill-1 font-medium text-fg-secondary ring-2 ring-panel tabular\",\n KAESO_AVATAR_VARIANTS.size[size].classes,\n overlap,\n )}\n >\n +{rest}\n </span>\n )}\n {children && <span className=\"ms-8 inline-flex items-center\">{children}</span>}\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") AvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAwB;CACnC,MAAM;EACJ,IAAI,EAAE,SAAS,qBAAqB;EACpC,IAAI,EAAE,SAAS,qBAAqB;EACpC,IAAI,EAAE,SAAS,uBAAuB;EACtC,IAAI,EAAE,SAAS,uBAAuB;EACtC,IAAI,EAAE,SAAS,oBAAoB;CACrC;CACA,MAAM;EACJ,QAAQ,EAAE,SAAS,eAAe;EAClC,KAAK,EAAE,SAAS,cAAc;CAChC;AACF,GACaC,IAAgC;CAAE,MAAM;CAAI,MAAM;AAAS;AAExE,SAAgBC,EAAS,GAAc,IAAa,GAAW;CAC7D,IAAMC,IAAQC,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO;CACrD,IAAID,EAAM,WAAW,GAAG,OAAO;CAC/B,IAAME,IAAQF,EAAM,EAAE,GAAG,MAAM;CAC/B,QAAQG,MAAQ,KAAKH,EAAM,SAAS,IAAIE,IAAQA,KAASF,EAAMA,EAAM,SAAS,EAAE,GAAG,MAAM,IAAA,CAAK,YAAY;AAC5G;AAWA,IAAaI,IAAyB,kBAAyC,SAAgB,EAAE,SAAM,QAAK,UAAO,IAAI,UAAO,UAAU,eAAY,gBAAa,GAAK;CACpK,IAAM,CAACC,GAAWC,KAAgBC,EAA6B,KAAA,CAAS;CACxE,OACE,kBAAC,QAAD;EACO;EACL,GAAKC,IAAa,EAAE,eAAe,GAAK,IAAI;GAAE,MAAM;GAAO,cAAcP;EAAK;EAC9E,WAAWN,EACT,yHACAE,EAAsB,KAAKY,EAAK,CAAC,SACjCZ,EAAsB,KAAKa,EAAK,CAAC,SACjCD,KAAQ,MAAMC,MAAS,SAAS,kBAChCC,CACF;EAEC,UAAAC,KAAOA,MAAQP,IACd,kBAAC,OAAD;GAAU;GAAK,KAAI;GAAG,WAAU;GAAyB,eAAeC,EAAaM,CAAG;EAAI,CAAA,IAE5Fb,EAASE,GAAMQ,MAAS,KAAK,IAAI,CAAC;CAEhC,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAUhE,IAAMI,IAAgB;CAAE,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;AAAQ,GAE3EC,IAA8B,kBAA6C,SAAqB,EAAE,WAAQ,UAAO,IAAI,SAAM,GAAG,cAAW,eAAY,GAAK;CACrK,IAAMC,IAAInB,EAAU,GACdoB,IAAQC,EAAO,MAAM,GAAGd,CAAG,GAC3Be,IAAOD,EAAO,SAASD,EAAM,QAC7BG,IAAUN,EAAcJ;CAC9B,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAYQ,EAAO,KAAK,MAAMG,EAAE,IAAI,CAAC,CAAC,KAAKL,EAAE,6BAA6B,IAAI,CAAC;EAC/E,WAAWpB,EAAG,qBAAqBgB,CAAS;EAJ9C,UAAA;GAMGK,EAAM,KAAK,GAAG,MACb,kBAACZ,GAAD;IAEE,MAAMgB,EAAE;IACR,GAAKA,EAAE,MAAM,EAAE,KAAKA,EAAE,IAAI,IAAI,CAAC;IACzB;IACN,YAAA;IACA,WAAWzB,EAAG,qBAAqB0B,IAAI,KAAKF,CAAO;GACpD,GANMC,EAAE,OAAOC,CAMf,CACF;GACAH,IAAO,KACN,kBAAC,QAAD;IACE,WAAWvB,EACT,mIACAE,EAAsB,KAAKY,EAAK,CAAC,SACjCU,CACF;IALF,UAAA,CAMC,KACGD,CACE;;GAEPI,KAAY,kBAAC,QAAD;IAAM,WAAU;IAAiC;GAAe,CAAA;EAC1E;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { t as e } from "./cn-Dj6sRgkF.js";
|
|
3
|
-
import { forwardRef as t } from "react";
|
|
4
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
5
|
-
//#region src/components/badge/badge.tsx
|
|
6
|
-
var r = { tone: {
|
|
7
|
-
neutral: { classes: "bg-fill-2 text-fg-secondary" },
|
|
8
|
-
success: { classes: "bg-success-tint text-success-text" },
|
|
9
|
-
warning: { classes: "bg-warning-tint text-warning-text" },
|
|
10
|
-
danger: { classes: "bg-danger-tint text-danger-text" },
|
|
11
|
-
info: { classes: "bg-info-tint text-info-text" },
|
|
12
|
-
outline: { classes: "bg-transparent text-fg-secondary shadow-ring" },
|
|
13
|
-
ink: { classes: "bg-ink text-on-ink" }
|
|
14
|
-
} }, i = { tone: "neutral" }, a = /* @__PURE__ */ t(function({ tone: t = "neutral", className: i, children: a, ...o }, s) {
|
|
15
|
-
return /* @__PURE__ */ n("span", {
|
|
16
|
-
ref: s,
|
|
17
|
-
className: e("inline-flex h-22 shrink-0 items-center rounded-pill px-8 text-caption font-medium whitespace-nowrap tabular", r.tone[t].classes, i),
|
|
18
|
-
...o,
|
|
19
|
-
children: a
|
|
20
|
-
});
|
|
21
|
-
});
|
|
22
|
-
process.env.NODE_ENV !== "production" && (a.displayName = "Badge");
|
|
23
|
-
//#endregion
|
|
24
|
-
export { i as n, r, a as t };
|
|
25
|
-
|
|
26
|
-
//# sourceMappingURL=badge-C2KtxCLB.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"badge-C2KtxCLB.js","names":["cn","KAESO_BADGE_VARIANTS","KAESO_BADGE_DEFAULT_VARIANTS","Badge","props","tone","className"],"sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_BADGE_VARIANTS = {\n tone: {\n neutral: { classes: \"bg-fill-2 text-fg-secondary\" },\n success: { classes: \"bg-success-tint text-success-text\" },\n warning: { classes: \"bg-warning-tint text-warning-text\" },\n danger: { classes: \"bg-danger-tint text-danger-text\" },\n info: { classes: \"bg-info-tint text-info-text\" },\n outline: { classes: \"bg-transparent text-fg-secondary shadow-ring\" },\n ink: { classes: \"bg-ink text-on-ink\" },\n },\n} as const;\nexport const KAESO_BADGE_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n tone?: keyof typeof KAESO_BADGE_VARIANTS.tone | undefined;\n children: ReactNode;\n}\n\nexport const Badge = /* @__PURE__ */ forwardRef<HTMLSpanElement, BadgeProps>(function Badge({ tone = \"neutral\", className, children, ...props }, ref) {\n return (\n <span\n ref={ref}\n className={cn(\n \"inline-flex h-22 shrink-0 items-center rounded-pill px-8 text-caption font-medium whitespace-nowrap tabular\",\n KAESO_BADGE_VARIANTS.tone[tone].classes,\n className,\n )}\n {...props}\n >\n {children}\n </span>\n );\n});\nif (process.env.NODE_ENV !== \"production\") Badge.displayName = \"Badge\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAuB,EAClC,MAAM;CACJ,SAAS,EAAE,SAAS,8BAA8B;CAClD,SAAS,EAAE,SAAS,oCAAoC;CACxD,SAAS,EAAE,SAAS,oCAAoC;CACxD,QAAQ,EAAE,SAAS,kCAAkC;CACrD,MAAM,EAAE,SAAS,8BAA8B;CAC/C,SAAS,EAAE,SAAS,+CAA+C;CACnE,KAAK,EAAE,SAAS,qBAAqB;AACvC,EACF,GACaC,IAA+B,EAAE,MAAM,UAAU,GAOjDC,IAAwB,kBAAwC,SAAe,EAAE,UAAO,WAAW,cAAW,aAAU,GAAGC,KAAS,GAAK;CACpJ,OACE,kBAAC,QAAD;EACO;EACL,WAAWJ,EACT,+GACAC,EAAqB,KAAKI,EAAK,CAAC,SAChCC,CACF;EACA,GAAIF;EAEH;CACG,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}
|