@mastra/playground-ui 37.0.0-alpha.3 → 37.0.0-alpha.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/CHANGELOG.md +26 -0
- package/dist/{Badge-uc10IvHk.js → Badge-CIIPrVJ8.js} +2 -2
- package/dist/{Badge-uc10IvHk.js.map → Badge-CIIPrVJ8.js.map} +1 -1
- package/dist/{Badge-COWZ8pf7.cjs → Badge-DhIGMqUf.cjs} +3 -3
- package/dist/{Badge-COWZ8pf7.cjs.map → Badge-DhIGMqUf.cjs.map} +1 -1
- package/dist/{Breadcrumb-D7lcwKK6.cjs → Breadcrumb-CArFRvVX.cjs} +4 -6
- package/dist/Breadcrumb-CArFRvVX.cjs.map +1 -0
- package/dist/{Breadcrumb--hRsY96j.js → Breadcrumb-Ciy7FM3z.js} +4 -5
- package/dist/Breadcrumb-Ciy7FM3z.js.map +1 -0
- package/dist/{Button-BVNuv0IS.cjs → Button-Bj667lJx.cjs} +3 -3
- package/dist/{Button-BVNuv0IS.cjs.map → Button-Bj667lJx.cjs.map} +1 -1
- package/dist/{Button-lkWOSV62.js → Button-DUxP65eY.js} +2 -2
- package/dist/{Button-lkWOSV62.js.map → Button-DUxP65eY.js.map} +1 -1
- package/dist/{Entity-jOILJB7_.cjs → Entity-Bwbh0iLW.cjs} +3 -3
- package/dist/{Entity-jOILJB7_.cjs.map → Entity-Bwbh0iLW.cjs.map} +1 -1
- package/dist/{Entity-CSd7oH01.js → Entity-CyYGTYWL.js} +2 -2
- package/dist/{Entity-CSd7oH01.js.map → Entity-CyYGTYWL.js.map} +1 -1
- package/dist/{ErrorBoundary-Bh0P3RR7.cjs → ErrorBoundary-Dzim3WH6.cjs} +2 -2
- package/dist/{ErrorBoundary-Bh0P3RR7.cjs.map → ErrorBoundary-Dzim3WH6.cjs.map} +1 -1
- package/dist/{ErrorBoundary-Bdm6QBVz.js → ErrorBoundary-UTpu5Qah.js} +2 -2
- package/dist/{ErrorBoundary-Bdm6QBVz.js.map → ErrorBoundary-UTpu5Qah.js.map} +1 -1
- package/dist/{Notice-BzzC2DcE.js → Notice-BJ6lke5l.js} +2 -2
- package/dist/{Notice-BzzC2DcE.js.map → Notice-BJ6lke5l.js.map} +1 -1
- package/dist/{Notice-wX_dMPTN.cjs → Notice-BoWYUdbS.cjs} +2 -2
- package/dist/{Notice-wX_dMPTN.cjs.map → Notice-BoWYUdbS.cjs.map} +1 -1
- package/dist/{PermissionDenied-C3I9RlvX.cjs → PermissionDenied-BmfZuVPC.cjs} +3 -3
- package/dist/{PermissionDenied-C3I9RlvX.cjs.map → PermissionDenied-BmfZuVPC.cjs.map} +1 -1
- package/dist/{PermissionDenied-BFTDtDH5.js → PermissionDenied-DgS-ANHj.js} +2 -2
- package/dist/{PermissionDenied-BFTDtDH5.js.map → PermissionDenied-DgS-ANHj.js.map} +1 -1
- package/dist/{SessionExpired-Mwi94d_-.js → SessionExpired-1MYjtwiy.js} +3 -3
- package/dist/{SessionExpired-Mwi94d_-.js.map → SessionExpired-1MYjtwiy.js.map} +1 -1
- package/dist/{SessionExpired-BYX9o6QV.cjs → SessionExpired-DFE3cHmO.cjs} +4 -4
- package/dist/{SessionExpired-BYX9o6QV.cjs.map → SessionExpired-DFE3cHmO.cjs.map} +1 -1
- package/dist/{alert-dialog-DAoPqgQ_.js → alert-dialog-BRvoYQwJ.js} +2 -2
- package/dist/{alert-dialog-DAoPqgQ_.js.map → alert-dialog-BRvoYQwJ.js.map} +1 -1
- package/dist/{alert-dialog-BebviYXz.cjs → alert-dialog-k5-YzF6v.cjs} +2 -2
- package/dist/{alert-dialog-BebviYXz.cjs.map → alert-dialog-k5-YzF6v.cjs.map} +1 -1
- package/dist/{code-block-DEoFei7v.cjs → code-block-QAdMwht_.cjs} +3 -3
- package/dist/{code-block-DEoFei7v.cjs.map → code-block-QAdMwht_.cjs.map} +1 -1
- package/dist/{code-block-CCB6fgF8.js → code-block-wIYnRia5.js} +3 -3
- package/dist/{code-block-CCB6fgF8.js.map → code-block-wIYnRia5.js.map} +1 -1
- package/dist/{code-editor-Do6JeqGb.js → code-editor-Dy7xhPHz.js} +2 -2
- package/dist/{code-editor-Do6JeqGb.js.map → code-editor-Dy7xhPHz.js.map} +1 -1
- package/dist/{code-editor-Cu1UZsfM.cjs → code-editor-PXyii7uq.cjs} +2 -2
- package/dist/{code-editor-Cu1UZsfM.cjs.map → code-editor-PXyii7uq.cjs.map} +1 -1
- package/dist/{combobox-Db9cmoVE.js → combobox-B3lIawbp.js} +2 -2
- package/dist/{combobox-Db9cmoVE.js.map → combobox-B3lIawbp.js.map} +1 -1
- package/dist/{combobox-_D0TWENi.cjs → combobox-DPV6JFnR.cjs} +2 -2
- package/dist/{combobox-_D0TWENi.cjs.map → combobox-DPV6JFnR.cjs.map} +1 -1
- package/dist/{command-BnG5P-qM.cjs → command-BT3bjfa0.cjs} +2 -2
- package/dist/{command-BnG5P-qM.cjs.map → command-BT3bjfa0.cjs.map} +1 -1
- package/dist/{command-DNmjUcRb.js → command-DnI0VT4j.js} +2 -2
- package/dist/{command-DNmjUcRb.js.map → command-DnI0VT4j.js.map} +1 -1
- package/dist/components/AlertDialog.cjs.js +1 -1
- package/dist/components/AlertDialog.es.js +1 -1
- package/dist/components/Badge.cjs.js +1 -1
- package/dist/components/Badge.es.js +1 -1
- package/dist/components/Breadcrumb.cjs.js +1 -1
- package/dist/components/Breadcrumb.es.js +1 -1
- package/dist/components/Button.cjs.js +1 -1
- package/dist/components/Button.es.js +1 -1
- package/dist/components/CodeBlock.cjs.js +1 -1
- package/dist/components/CodeBlock.es.js +1 -1
- package/dist/components/CodeEditor.cjs.js +1 -1
- package/dist/components/CodeEditor.es.js +1 -1
- package/dist/components/Columns.cjs.js +1 -1
- package/dist/components/Columns.es.js +1 -1
- package/dist/components/Combobox.cjs.js +1 -1
- package/dist/components/Combobox.es.js +1 -1
- package/dist/components/Command.cjs.js +1 -1
- package/dist/components/Command.es.js +1 -1
- package/dist/components/CopyButton.cjs.js +1 -1
- package/dist/components/CopyButton.es.js +1 -1
- package/dist/components/DataCodeSection.cjs.js +1 -1
- package/dist/components/DataCodeSection.es.js +1 -1
- package/dist/components/DataDetailsPanel.cjs.js +2 -2
- package/dist/components/DataDetailsPanel.es.js +2 -2
- package/dist/components/DataFilter.cjs.js +1 -1
- package/dist/components/DataFilter.es.js +1 -1
- package/dist/components/DataKeysAndValues.cjs.js +1 -1
- package/dist/components/DataKeysAndValues.es.js +1 -1
- package/dist/components/DataList.cjs.js +3 -3
- package/dist/components/DataList.es.js +3 -3
- package/dist/components/DataPanel.cjs.js +1 -1
- package/dist/components/DataPanel.es.js +1 -1
- package/dist/components/DateTimePicker.cjs.js +2 -2
- package/dist/components/DateTimePicker.es.js +2 -2
- package/dist/components/DateTimeRangePicker.cjs.js +1 -1
- package/dist/components/DateTimeRangePicker.es.js +1 -1
- package/dist/components/Dialog.cjs.js +1 -1
- package/dist/components/Dialog.es.js +1 -1
- package/dist/components/Drawer.cjs.js +1 -1
- package/dist/components/Drawer.es.js +1 -1
- package/dist/components/Entity.cjs.js +1 -1
- package/dist/components/Entity.es.js +1 -1
- package/dist/components/EntityHeader.cjs.js +1 -1
- package/dist/components/EntityHeader.es.js +1 -1
- package/dist/components/EnvironmentVariablesEditor.cjs.js +1 -1
- package/dist/components/EnvironmentVariablesEditor.es.js +1 -1
- package/dist/components/ErrorBoundary.cjs.js +1 -1
- package/dist/components/ErrorBoundary.es.js +1 -1
- package/dist/components/FormFieldBlocks.cjs.js +2 -2
- package/dist/components/FormFieldBlocks.es.js +2 -2
- package/dist/components/InputGroup.cjs.js +1 -1
- package/dist/components/InputGroup.es.js +1 -1
- package/dist/components/JSONSchemaForm.cjs.js +9 -9
- package/dist/components/JSONSchemaForm.cjs.js.map +1 -1
- package/dist/components/JSONSchemaForm.es.js +3 -3
- package/dist/components/ListSearch.cjs.js +1 -1
- package/dist/components/ListSearch.es.js +1 -1
- package/dist/components/LogsDataList.cjs.js +2 -2
- package/dist/components/LogsDataList.es.js +2 -2
- package/dist/components/MainSidebar.cjs.js +1 -1
- package/dist/components/MainSidebar.es.js +1 -1
- package/dist/components/MarkdownRenderer.cjs.js +1 -1
- package/dist/components/MarkdownRenderer.es.js +1 -1
- package/dist/components/Notice.cjs.js +1 -1
- package/dist/components/Notice.es.js +1 -1
- package/dist/components/PermissionDenied.cjs.js +1 -1
- package/dist/components/PermissionDenied.es.js +1 -1
- package/dist/components/PrevNextNav.cjs.js +1 -1
- package/dist/components/PrevNextNav.es.js +1 -1
- package/dist/components/PropertyFilter.cjs.js +1 -1
- package/dist/components/PropertyFilter.es.js +1 -1
- package/dist/components/Select.cjs.js +1 -1
- package/dist/components/Select.es.js +1 -1
- package/dist/components/SessionExpired.cjs.js +1 -1
- package/dist/components/SessionExpired.es.js +1 -1
- package/dist/components/SideDialog.cjs.js +3 -3
- package/dist/components/SideDialog.es.js +3 -3
- package/dist/components/Table.cjs.js +1 -1
- package/dist/components/Table.es.js +1 -1
- package/dist/components/ThreadList.cjs.js +1 -1
- package/dist/components/ThreadList.es.js +1 -1
- package/dist/components/Toaster.cjs.js +10 -0
- package/dist/components/Toaster.cjs.js.map +1 -0
- package/dist/components/Toaster.d.ts +2 -0
- package/dist/components/Toaster.es.js +2 -0
- package/dist/components/Toaster.es.js.map +1 -0
- package/dist/components/Truncate.cjs.js +1 -1
- package/dist/components/Truncate.es.js +1 -1
- package/dist/{copy-button-BUOdkU40.js → copy-button-CXn_T1Vi.js} +3 -3
- package/dist/{copy-button-BUOdkU40.js.map → copy-button-CXn_T1Vi.js.map} +1 -1
- package/dist/{copy-button-BqD3pp1G.cjs → copy-button-UYec6W5c.cjs} +3 -3
- package/dist/{copy-button-BqD3pp1G.cjs.map → copy-button-UYec6W5c.cjs.map} +1 -1
- package/dist/{data-code-section-CB2LT738.js → data-code-section-BUcQHFw2.js} +5 -5
- package/dist/{data-code-section-CB2LT738.js.map → data-code-section-BUcQHFw2.js.map} +1 -1
- package/dist/{data-code-section-5_l37a1B.cjs → data-code-section-WbOdAr6i.cjs} +5 -5
- package/dist/{data-code-section-5_l37a1B.cjs.map → data-code-section-WbOdAr6i.cjs.map} +1 -1
- package/dist/{data-keys-and-values-CwDiJOoE.cjs → data-keys-and-values-B-K23j9Y.cjs} +2 -2
- package/dist/{data-keys-and-values-CwDiJOoE.cjs.map → data-keys-and-values-B-K23j9Y.cjs.map} +1 -1
- package/dist/{data-keys-and-values-BjJjw-sC.js → data-keys-and-values-Dly5DG8l.js} +2 -2
- package/dist/{data-keys-and-values-BjJjw-sC.js.map → data-keys-and-values-Dly5DG8l.js.map} +1 -1
- package/dist/{data-list-fdicRqId.cjs → data-list-BZxmpMh8.cjs} +2 -2
- package/dist/{data-list-fdicRqId.cjs.map → data-list-BZxmpMh8.cjs.map} +1 -1
- package/dist/{data-list-CuNTfygB.js → data-list-DDgI1bcK.js} +2 -2
- package/dist/{data-list-CuNTfygB.js.map → data-list-DDgI1bcK.js.map} +1 -1
- package/dist/data-list-skeleton-CKtfnKu1.cjs +32 -0
- package/dist/data-list-skeleton-CKtfnKu1.cjs.map +1 -0
- package/dist/data-list-skeleton-DdII1DEa.js +30 -0
- package/dist/data-list-skeleton-DdII1DEa.js.map +1 -0
- package/dist/{data-panel-ybSXn-Em.js → data-panel-C-Cw6JZU.js} +3 -3
- package/dist/{data-panel-ybSXn-Em.js.map → data-panel-C-Cw6JZU.js.map} +1 -1
- package/dist/{data-panel-BspICGLi.cjs → data-panel-Cfjo5g3E.cjs} +3 -3
- package/dist/{data-panel-BspICGLi.cjs.map → data-panel-Cfjo5g3E.cjs.map} +1 -1
- package/dist/{date-time-picker-BKf46hfL.cjs → date-time-picker-CS4HSyCh.cjs} +3 -3
- package/dist/{date-time-picker-BKf46hfL.cjs.map → date-time-picker-CS4HSyCh.cjs.map} +1 -1
- package/dist/{date-time-picker-Bc2qtOjj.js → date-time-picker-CxYld6QS.js} +3 -3
- package/dist/{date-time-picker-Bc2qtOjj.js.map → date-time-picker-CxYld6QS.js.map} +1 -1
- package/dist/{date-time-range-picker-DS8pApgs.cjs → date-time-range-picker-C4zzA37w.cjs} +3 -3
- package/dist/{date-time-range-picker-DS8pApgs.cjs.map → date-time-range-picker-C4zzA37w.cjs.map} +1 -1
- package/dist/{date-time-range-picker-D0fnJG3j.js → date-time-range-picker-lu44sN6F.js} +3 -3
- package/dist/{date-time-range-picker-D0fnJG3j.js.map → date-time-range-picker-lu44sN6F.js.map} +1 -1
- package/dist/{dialog-CbstgOet.js → dialog-CFJARbIM.js} +2 -2
- package/dist/{dialog-CbstgOet.js.map → dialog-CFJARbIM.js.map} +1 -1
- package/dist/{dialog-DtZ7ym37.cjs → dialog-Lm_EDANe.cjs} +2 -2
- package/dist/{dialog-DtZ7ym37.cjs.map → dialog-Lm_EDANe.cjs.map} +1 -1
- package/dist/{drawer-CczLUJ6T.js → drawer-CiUjFp3u.js} +2 -2
- package/dist/{drawer-CczLUJ6T.js.map → drawer-CiUjFp3u.js.map} +1 -1
- package/dist/{drawer-CS2EU0Q_.cjs → drawer-jT2bUkrJ.cjs} +2 -2
- package/dist/{drawer-CS2EU0Q_.cjs.map → drawer-jT2bUkrJ.cjs.map} +1 -1
- package/dist/{entity-header-DZzzm248.js → entity-header-C8I47AfB.js} +2 -2
- package/dist/{entity-header-DZzzm248.js.map → entity-header-C8I47AfB.js.map} +1 -1
- package/dist/{entity-header-Crw9v7TH.cjs → entity-header-FXlDOgXp.cjs} +3 -3
- package/dist/{entity-header-Crw9v7TH.cjs.map → entity-header-FXlDOgXp.cjs.map} +1 -1
- package/dist/{environment-variables-editor-BQma-nhE.cjs → environment-variables-editor-DwkANgjj.cjs} +6 -6
- package/dist/{environment-variables-editor-BQma-nhE.cjs.map → environment-variables-editor-DwkANgjj.cjs.map} +1 -1
- package/dist/{environment-variables-editor-BcEqoErE.js → environment-variables-editor-PCGuUAIv.js} +6 -6
- package/dist/{environment-variables-editor-BcEqoErE.js.map → environment-variables-editor-PCGuUAIv.js.map} +1 -1
- package/dist/hooks/use-copy-to-clipboard.cjs.js +77 -4
- package/dist/hooks/use-copy-to-clipboard.cjs.js.map +1 -1
- package/dist/hooks/use-copy-to-clipboard.es.js +79 -2
- package/dist/hooks/use-copy-to-clipboard.es.js.map +1 -1
- package/dist/icons/AgentCoinIcon.cjs.js +60 -0
- package/dist/icons/AgentCoinIcon.cjs.js.map +1 -0
- package/dist/icons/AgentCoinIcon.d.ts +2 -0
- package/dist/icons/AgentCoinIcon.es.js +56 -0
- package/dist/icons/AgentCoinIcon.es.js.map +1 -0
- package/dist/icons/AgentIcon.cjs.js +25 -0
- package/dist/icons/AgentIcon.cjs.js.map +1 -0
- package/dist/icons/AgentIcon.d.ts +2 -0
- package/dist/icons/AgentIcon.es.js +21 -0
- package/dist/icons/AgentIcon.es.js.map +1 -0
- package/dist/icons/AgentNetworkCoinIcon.cjs.js +51 -0
- package/dist/icons/AgentNetworkCoinIcon.cjs.js.map +1 -0
- package/dist/icons/AgentNetworkCoinIcon.d.ts +2 -0
- package/dist/icons/AgentNetworkCoinIcon.es.js +47 -0
- package/dist/icons/AgentNetworkCoinIcon.es.js.map +1 -0
- package/dist/icons/AiIcon.cjs.js +34 -0
- package/dist/icons/AiIcon.cjs.js.map +1 -0
- package/dist/icons/AiIcon.d.ts +2 -0
- package/dist/icons/AiIcon.es.js +30 -0
- package/dist/icons/AiIcon.es.js.map +1 -0
- package/dist/icons/AmazonIcon.cjs.js +51 -0
- package/dist/icons/AmazonIcon.cjs.js.map +1 -0
- package/dist/icons/AmazonIcon.d.ts +2 -0
- package/dist/icons/AmazonIcon.es.js +47 -0
- package/dist/icons/AmazonIcon.es.js.map +1 -0
- package/dist/icons/AnthropicChatIcon.cjs.js +10 -0
- package/dist/icons/AnthropicChatIcon.cjs.js.map +1 -0
- package/dist/icons/AnthropicChatIcon.d.ts +2 -0
- package/dist/icons/AnthropicChatIcon.es.js +6 -0
- package/dist/icons/AnthropicChatIcon.es.js.map +1 -0
- package/dist/icons/AnthropicMessagesIcon.cjs.js +29 -0
- package/dist/icons/AnthropicMessagesIcon.cjs.js.map +1 -0
- package/dist/icons/AnthropicMessagesIcon.d.ts +2 -0
- package/dist/icons/AnthropicMessagesIcon.es.js +25 -0
- package/dist/icons/AnthropicMessagesIcon.es.js.map +1 -0
- package/dist/icons/ApiIcon.cjs.js +29 -0
- package/dist/icons/ApiIcon.cjs.js.map +1 -0
- package/dist/icons/ApiIcon.d.ts +2 -0
- package/dist/icons/ApiIcon.es.js +25 -0
- package/dist/icons/ApiIcon.es.js.map +1 -0
- package/dist/icons/AzureIcon.cjs.js +29 -0
- package/dist/icons/AzureIcon.cjs.js.map +1 -0
- package/dist/icons/AzureIcon.d.ts +2 -0
- package/dist/icons/AzureIcon.es.js +25 -0
- package/dist/icons/AzureIcon.es.js.map +1 -0
- package/dist/icons/BranchIcon.cjs.js +14 -0
- package/dist/icons/BranchIcon.cjs.js.map +1 -0
- package/dist/icons/BranchIcon.d.ts +2 -0
- package/dist/icons/BranchIcon.es.js +10 -0
- package/dist/icons/BranchIcon.es.js.map +1 -0
- package/dist/icons/CheckIcon.cjs.js +29 -0
- package/dist/icons/CheckIcon.cjs.js.map +1 -0
- package/dist/icons/CheckIcon.d.ts +2 -0
- package/dist/icons/CheckIcon.es.js +25 -0
- package/dist/icons/CheckIcon.es.js.map +1 -0
- package/dist/icons/ChevronIcon.cjs.js +18 -0
- package/dist/icons/ChevronIcon.cjs.js.map +1 -0
- package/dist/icons/ChevronIcon.d.ts +2 -0
- package/dist/icons/ChevronIcon.es.js +14 -0
- package/dist/icons/ChevronIcon.es.js.map +1 -0
- package/dist/icons/CohereIcon.cjs.js +39 -0
- package/dist/icons/CohereIcon.cjs.js.map +1 -0
- package/dist/icons/CohereIcon.d.ts +2 -0
- package/dist/icons/CohereIcon.es.js +35 -0
- package/dist/icons/CohereIcon.es.js.map +1 -0
- package/dist/icons/CommitIcon.cjs.js +18 -0
- package/dist/icons/CommitIcon.cjs.js.map +1 -0
- package/dist/icons/CommitIcon.d.ts +2 -0
- package/dist/icons/CommitIcon.es.js +14 -0
- package/dist/icons/CommitIcon.es.js.map +1 -0
- package/dist/icons/CrossIcon.cjs.js +29 -0
- package/dist/icons/CrossIcon.cjs.js.map +1 -0
- package/dist/icons/CrossIcon.d.ts +2 -0
- package/dist/icons/CrossIcon.es.js +25 -0
- package/dist/icons/CrossIcon.es.js.map +1 -0
- package/dist/icons/DatasetsIcon.cjs.js +16 -0
- package/dist/icons/DatasetsIcon.cjs.js.map +1 -0
- package/dist/icons/DatasetsIcon.d.ts +2 -0
- package/dist/icons/DatasetsIcon.es.js +12 -0
- package/dist/icons/DatasetsIcon.es.js.map +1 -0
- package/dist/icons/DbIcon.cjs.js +18 -0
- package/dist/icons/DbIcon.cjs.js.map +1 -0
- package/dist/icons/DbIcon.d.ts +2 -0
- package/dist/icons/DbIcon.es.js +14 -0
- package/dist/icons/DbIcon.es.js.map +1 -0
- package/dist/icons/DebugIcon.cjs.js +16 -0
- package/dist/icons/DebugIcon.cjs.js.map +1 -0
- package/dist/icons/DebugIcon.d.ts +2 -0
- package/dist/icons/DebugIcon.es.js +12 -0
- package/dist/icons/DebugIcon.es.js.map +1 -0
- package/dist/icons/DeploymentIcon.cjs.js +36 -0
- package/dist/icons/DeploymentIcon.cjs.js.map +1 -0
- package/dist/icons/DeploymentIcon.d.ts +2 -0
- package/dist/icons/DeploymentIcon.es.js +32 -0
- package/dist/icons/DeploymentIcon.es.js.map +1 -0
- package/dist/icons/DividerIcon.cjs.js +10 -0
- package/dist/icons/DividerIcon.cjs.js.map +1 -0
- package/dist/icons/DividerIcon.d.ts +2 -0
- package/dist/icons/DividerIcon.es.js +6 -0
- package/dist/icons/DividerIcon.es.js.map +1 -0
- package/dist/icons/DocsIcon.cjs.js +18 -0
- package/dist/icons/DocsIcon.cjs.js.map +1 -0
- package/dist/icons/DocsIcon.d.ts +2 -0
- package/dist/icons/DocsIcon.es.js +14 -0
- package/dist/icons/DocsIcon.es.js.map +1 -0
- package/dist/icons/EnvIcon.cjs.js +20 -0
- package/dist/icons/EnvIcon.cjs.js.map +1 -0
- package/dist/icons/EnvIcon.d.ts +2 -0
- package/dist/icons/EnvIcon.es.js +16 -0
- package/dist/icons/EnvIcon.es.js.map +1 -0
- package/dist/icons/ExperimentsIcon.cjs.js +18 -0
- package/dist/icons/ExperimentsIcon.cjs.js.map +1 -0
- package/dist/icons/ExperimentsIcon.d.ts +2 -0
- package/dist/icons/ExperimentsIcon.es.js +14 -0
- package/dist/icons/ExperimentsIcon.es.js.map +1 -0
- package/dist/icons/FiltersIcon.cjs.js +18 -0
- package/dist/icons/FiltersIcon.cjs.js.map +1 -0
- package/dist/icons/FiltersIcon.d.ts +2 -0
- package/dist/icons/FiltersIcon.es.js +14 -0
- package/dist/icons/FiltersIcon.es.js.map +1 -0
- package/dist/icons/FolderIcon.cjs.js +18 -0
- package/dist/icons/FolderIcon.cjs.js.map +1 -0
- package/dist/icons/FolderIcon.d.ts +2 -0
- package/dist/icons/FolderIcon.es.js +14 -0
- package/dist/icons/FolderIcon.es.js.map +1 -0
- package/dist/icons/GithubCoinIcon.cjs.js +49 -0
- package/dist/icons/GithubCoinIcon.cjs.js.map +1 -0
- package/dist/icons/GithubCoinIcon.d.ts +2 -0
- package/dist/icons/GithubCoinIcon.es.js +45 -0
- package/dist/icons/GithubCoinIcon.es.js.map +1 -0
- package/dist/icons/GithubIcon.cjs.js +19 -0
- package/dist/icons/GithubIcon.cjs.js.map +1 -0
- package/dist/icons/GithubIcon.d.ts +2 -0
- package/dist/icons/GithubIcon.es.js +15 -0
- package/dist/icons/GithubIcon.es.js.map +1 -0
- package/dist/icons/GoogleIcon.cjs.js +42 -0
- package/dist/icons/GoogleIcon.cjs.js.map +1 -0
- package/dist/icons/GoogleIcon.d.ts +2 -0
- package/dist/icons/GoogleIcon.es.js +38 -0
- package/dist/icons/GoogleIcon.es.js.map +1 -0
- package/dist/icons/GroqIcon.cjs.js +48 -0
- package/dist/icons/GroqIcon.cjs.js.map +1 -0
- package/dist/icons/GroqIcon.d.ts +2 -0
- package/dist/icons/GroqIcon.es.js +44 -0
- package/dist/icons/GroqIcon.es.js.map +1 -0
- package/dist/icons/HomeIcon.cjs.js +21 -0
- package/dist/icons/HomeIcon.cjs.js.map +1 -0
- package/dist/icons/HomeIcon.d.ts +2 -0
- package/dist/icons/HomeIcon.es.js +17 -0
- package/dist/icons/HomeIcon.es.js.map +1 -0
- package/dist/{Icon-xYD5TR12.cjs → icons/Icon.cjs.js} +4 -2
- package/dist/icons/Icon.cjs.js.map +1 -0
- package/dist/icons/Icon.d.ts +2 -0
- package/dist/{Icon-BAgNsQRj.js → icons/Icon.es.js} +3 -3
- package/dist/icons/Icon.es.js.map +1 -0
- package/dist/icons/InfoIcon.cjs.js +34 -0
- package/dist/icons/InfoIcon.cjs.js.map +1 -0
- package/dist/icons/InfoIcon.d.ts +2 -0
- package/dist/icons/InfoIcon.es.js +30 -0
- package/dist/icons/InfoIcon.es.js.map +1 -0
- package/dist/icons/JudgeIcon.cjs.js +28 -0
- package/dist/icons/JudgeIcon.cjs.js.map +1 -0
- package/dist/icons/JudgeIcon.d.ts +2 -0
- package/dist/icons/JudgeIcon.es.js +24 -0
- package/dist/icons/JudgeIcon.es.js.map +1 -0
- package/dist/icons/LatencyIcon.cjs.js +32 -0
- package/dist/icons/LatencyIcon.cjs.js.map +1 -0
- package/dist/icons/LatencyIcon.d.ts +2 -0
- package/dist/icons/LatencyIcon.es.js +28 -0
- package/dist/icons/LatencyIcon.es.js.map +1 -0
- package/dist/icons/LogsIcon.cjs.js +74 -0
- package/dist/icons/LogsIcon.cjs.js.map +1 -0
- package/dist/icons/LogsIcon.d.ts +2 -0
- package/dist/icons/LogsIcon.es.js +70 -0
- package/dist/icons/LogsIcon.es.js.map +1 -0
- package/dist/icons/MastraIcon.cjs.js +16 -0
- package/dist/icons/MastraIcon.cjs.js.map +1 -0
- package/dist/icons/MastraIcon.d.ts +2 -0
- package/dist/icons/MastraIcon.es.js +12 -0
- package/dist/icons/MastraIcon.es.js.map +1 -0
- package/dist/icons/McpCoinIcon.cjs.js +47 -0
- package/dist/icons/McpCoinIcon.cjs.js.map +1 -0
- package/dist/icons/McpCoinIcon.d.ts +2 -0
- package/dist/icons/McpCoinIcon.es.js +43 -0
- package/dist/icons/McpCoinIcon.es.js.map +1 -0
- package/dist/icons/McpServerIcon.cjs.js +25 -0
- package/dist/icons/McpServerIcon.cjs.js.map +1 -0
- package/dist/icons/McpServerIcon.d.ts +2 -0
- package/dist/icons/McpServerIcon.es.js +21 -0
- package/dist/icons/McpServerIcon.es.js.map +1 -0
- package/dist/icons/MemoryIcon.cjs.js +16 -0
- package/dist/icons/MemoryIcon.cjs.js.map +1 -0
- package/dist/icons/MemoryIcon.d.ts +2 -0
- package/dist/icons/MemoryIcon.es.js +12 -0
- package/dist/icons/MemoryIcon.es.js.map +1 -0
- package/dist/icons/MetricsIcon.cjs.js +25 -0
- package/dist/icons/MetricsIcon.cjs.js.map +1 -0
- package/dist/icons/MetricsIcon.d.ts +2 -0
- package/dist/icons/MetricsIcon.es.js +21 -0
- package/dist/icons/MetricsIcon.es.js.map +1 -0
- package/dist/icons/MistralIcon.cjs.js +128 -0
- package/dist/icons/MistralIcon.cjs.js.map +1 -0
- package/dist/icons/MistralIcon.d.ts +2 -0
- package/dist/icons/MistralIcon.es.js +124 -0
- package/dist/icons/MistralIcon.es.js.map +1 -0
- package/dist/icons/NetlifyIcon.cjs.js +63 -0
- package/dist/icons/NetlifyIcon.cjs.js.map +1 -0
- package/dist/icons/NetlifyIcon.d.ts +2 -0
- package/dist/icons/NetlifyIcon.es.js +59 -0
- package/dist/icons/NetlifyIcon.es.js.map +1 -0
- package/dist/icons/OpenAIIcon.cjs.js +16 -0
- package/dist/icons/OpenAIIcon.cjs.js.map +1 -0
- package/dist/icons/OpenAIIcon.d.ts +2 -0
- package/dist/icons/OpenAIIcon.es.js +12 -0
- package/dist/icons/OpenAIIcon.es.js.map +1 -0
- package/dist/icons/OpenaiChatIcon.cjs.js +10 -0
- package/dist/icons/OpenaiChatIcon.cjs.js.map +1 -0
- package/dist/icons/OpenaiChatIcon.d.ts +2 -0
- package/dist/icons/OpenaiChatIcon.es.js +6 -0
- package/dist/icons/OpenaiChatIcon.es.js.map +1 -0
- package/dist/icons/ProcessorIcon.cjs.js +20 -0
- package/dist/icons/ProcessorIcon.cjs.js.map +1 -0
- package/dist/icons/ProcessorIcon.d.ts +2 -0
- package/dist/icons/ProcessorIcon.es.js +16 -0
- package/dist/icons/ProcessorIcon.es.js.map +1 -0
- package/dist/icons/PromptIcon.cjs.js +18 -0
- package/dist/icons/PromptIcon.cjs.js.map +1 -0
- package/dist/icons/PromptIcon.d.ts +2 -0
- package/dist/icons/PromptIcon.es.js +14 -0
- package/dist/icons/PromptIcon.es.js.map +1 -0
- package/dist/icons/RepoIcon.cjs.js +21 -0
- package/dist/icons/RepoIcon.cjs.js.map +1 -0
- package/dist/icons/RepoIcon.d.ts +2 -0
- package/dist/icons/RepoIcon.es.js +17 -0
- package/dist/icons/RepoIcon.es.js.map +1 -0
- package/dist/icons/RequestContextIcon.cjs.js +18 -0
- package/dist/icons/RequestContextIcon.cjs.js.map +1 -0
- package/dist/icons/RequestContextIcon.d.ts +2 -0
- package/dist/icons/RequestContextIcon.es.js +14 -0
- package/dist/icons/RequestContextIcon.es.js.map +1 -0
- package/dist/icons/ScorersIcon.cjs.js +41 -0
- package/dist/icons/ScorersIcon.cjs.js.map +1 -0
- package/dist/icons/ScorersIcon.d.ts +2 -0
- package/dist/icons/ScorersIcon.es.js +37 -0
- package/dist/icons/ScorersIcon.es.js.map +1 -0
- package/dist/icons/SettingsIcon.cjs.js +18 -0
- package/dist/icons/SettingsIcon.cjs.js.map +1 -0
- package/dist/icons/SettingsIcon.d.ts +2 -0
- package/dist/icons/SettingsIcon.es.js +14 -0
- package/dist/icons/SettingsIcon.es.js.map +1 -0
- package/dist/icons/SkillIcon.cjs.js +11 -0
- package/dist/icons/SkillIcon.cjs.js.map +1 -0
- package/dist/icons/SkillIcon.d.ts +2 -0
- package/dist/icons/SkillIcon.es.js +7 -0
- package/dist/icons/SkillIcon.es.js.map +1 -0
- package/dist/icons/SlashIcon.cjs.js +10 -0
- package/dist/icons/SlashIcon.cjs.js.map +1 -0
- package/dist/icons/SlashIcon.d.ts +2 -0
- package/dist/icons/SlashIcon.es.js +6 -0
- package/dist/icons/SlashIcon.es.js.map +1 -0
- package/dist/icons/ToolCoinIcon.cjs.js +42 -0
- package/dist/icons/ToolCoinIcon.cjs.js.map +1 -0
- package/dist/icons/ToolCoinIcon.d.ts +2 -0
- package/dist/icons/ToolCoinIcon.es.js +38 -0
- package/dist/icons/ToolCoinIcon.es.js.map +1 -0
- package/dist/icons/ToolsIcon.cjs.js +18 -0
- package/dist/icons/ToolsIcon.cjs.js.map +1 -0
- package/dist/icons/ToolsIcon.d.ts +2 -0
- package/dist/icons/ToolsIcon.es.js +14 -0
- package/dist/icons/ToolsIcon.es.js.map +1 -0
- package/dist/icons/TraceIcon.cjs.js +39 -0
- package/dist/icons/TraceIcon.cjs.js.map +1 -0
- package/dist/icons/TraceIcon.d.ts +2 -0
- package/dist/icons/TraceIcon.es.js +35 -0
- package/dist/icons/TraceIcon.es.js.map +1 -0
- package/dist/icons/TsIcon.cjs.js +20 -0
- package/dist/icons/TsIcon.cjs.js.map +1 -0
- package/dist/icons/TsIcon.d.ts +2 -0
- package/dist/icons/TsIcon.es.js +16 -0
- package/dist/icons/TsIcon.es.js.map +1 -0
- package/dist/icons/VariablesIcon.cjs.js +32 -0
- package/dist/icons/VariablesIcon.cjs.js.map +1 -0
- package/dist/icons/VariablesIcon.d.ts +2 -0
- package/dist/icons/VariablesIcon.es.js +28 -0
- package/dist/icons/VariablesIcon.es.js.map +1 -0
- package/dist/icons/WorkflowCoinIcon.cjs.js +42 -0
- package/dist/icons/WorkflowCoinIcon.cjs.js.map +1 -0
- package/dist/icons/WorkflowCoinIcon.d.ts +2 -0
- package/dist/icons/WorkflowCoinIcon.es.js +38 -0
- package/dist/icons/WorkflowCoinIcon.es.js.map +1 -0
- package/dist/icons/WorkflowIcon.cjs.js +16 -0
- package/dist/icons/WorkflowIcon.cjs.js.map +1 -0
- package/dist/icons/WorkflowIcon.d.ts +2 -0
- package/dist/icons/WorkflowIcon.es.js +12 -0
- package/dist/icons/WorkflowIcon.es.js.map +1 -0
- package/dist/icons/WorkspacesIcon.cjs.js +16 -0
- package/dist/icons/WorkspacesIcon.cjs.js.map +1 -0
- package/dist/icons/WorkspacesIcon.d.ts +2 -0
- package/dist/icons/WorkspacesIcon.es.js +12 -0
- package/dist/icons/WorkspacesIcon.es.js.map +1 -0
- package/dist/icons/XGroqIcon.cjs.js +53 -0
- package/dist/icons/XGroqIcon.cjs.js.map +1 -0
- package/dist/icons/XGroqIcon.d.ts +2 -0
- package/dist/icons/XGroqIcon.es.js +49 -0
- package/dist/icons/XGroqIcon.es.js.map +1 -0
- package/dist/index.cjs.js +193 -1395
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +115 -1317
- package/dist/index.es.js.map +1 -1
- package/dist/{input-group-BJUC93w1.cjs → input-group-bzqIGNp3.cjs} +2 -2
- package/dist/{input-group-BJUC93w1.cjs.map → input-group-bzqIGNp3.cjs.map} +1 -1
- package/dist/{input-group-zRbpW2OB.js → input-group-iZZD8Z65.js} +2 -2
- package/dist/{input-group-zRbpW2OB.js.map → input-group-iZZD8Z65.js.map} +1 -1
- package/dist/{list-search-BZ7vrE2M.js → list-search-Cd7OGOdt.js} +2 -2
- package/dist/{list-search-BZ7vrE2M.js.map → list-search-Cd7OGOdt.js.map} +1 -1
- package/dist/{list-search-mMHuCnvL.cjs → list-search-Cn23Rbyh.cjs} +2 -2
- package/dist/{list-search-mMHuCnvL.cjs.map → list-search-Cn23Rbyh.cjs.map} +1 -1
- package/dist/logs-data-list-CCaTeaUh.js +80 -0
- package/dist/logs-data-list-CCaTeaUh.js.map +1 -0
- package/dist/logs-data-list-Dwh8cMrt.cjs +82 -0
- package/dist/logs-data-list-Dwh8cMrt.cjs.map +1 -0
- package/dist/{main-sidebar-DOwuzCVj.js → main-sidebar-DyA0N-zw.js} +2 -2
- package/dist/{main-sidebar-DOwuzCVj.js.map → main-sidebar-DyA0N-zw.js.map} +1 -1
- package/dist/{main-sidebar-BzyLk9al.cjs → main-sidebar-Fa0x88X0.cjs} +2 -2
- package/dist/{main-sidebar-BzyLk9al.cjs.map → main-sidebar-Fa0x88X0.cjs.map} +1 -1
- package/dist/{markdown-renderer-furyWBRc.js → markdown-renderer-D_sNkQ-a.js} +2 -2
- package/dist/{markdown-renderer-furyWBRc.js.map → markdown-renderer-D_sNkQ-a.js.map} +1 -1
- package/dist/{markdown-renderer-7SQ50R7L.cjs → markdown-renderer-m0Qqa1u8.cjs} +2 -2
- package/dist/{markdown-renderer-7SQ50R7L.cjs.map → markdown-renderer-m0Qqa1u8.cjs.map} +1 -1
- package/dist/{multi-column-yjFC88Z6.cjs → multi-column-B9TVKcLl.cjs} +3 -3
- package/dist/{multi-column-yjFC88Z6.cjs.map → multi-column-B9TVKcLl.cjs.map} +1 -1
- package/dist/{multi-column-B-Gd6DJJ.js → multi-column-p8sEagdM.js} +3 -3
- package/dist/{multi-column-B-Gd6DJJ.js.map → multi-column-p8sEagdM.js.map} +1 -1
- package/dist/{property-filter-creator-N6YVZDUw.cjs → property-filter-creator-CdxTSrOs.cjs} +3 -3
- package/dist/{property-filter-creator-N6YVZDUw.cjs.map → property-filter-creator-CdxTSrOs.cjs.map} +1 -1
- package/dist/{property-filter-creator-DxxQ7nnp.js → property-filter-creator-D60-FVBL.js} +3 -3
- package/dist/{property-filter-creator-DxxQ7nnp.js.map → property-filter-creator-D60-FVBL.js.map} +1 -1
- package/dist/{search-field-block-BEBsQ2-6.cjs → search-field-block-BkRBAVCC.cjs} +2 -2
- package/dist/{search-field-block-BEBsQ2-6.cjs.map → search-field-block-BkRBAVCC.cjs.map} +1 -1
- package/dist/{search-field-block-CHB9BY84.js → search-field-block-CJSnpu8G.js} +2 -2
- package/dist/{search-field-block-CHB9BY84.js.map → search-field-block-CJSnpu8G.js.map} +1 -1
- package/dist/{select-BCKCKsi9.js → select-BSf4VfTX.js} +2 -2
- package/dist/{select-BCKCKsi9.js.map → select-BSf4VfTX.js.map} +1 -1
- package/dist/{select-DBbnw8QV.cjs → select-CA9x5WdL.cjs} +2 -2
- package/dist/{select-DBbnw8QV.cjs.map → select-CA9x5WdL.cjs.map} +1 -1
- package/dist/{select-data-filter-s_79ePBD.cjs → select-data-filter-B1ZSewKM.cjs} +2 -2
- package/dist/{select-data-filter-s_79ePBD.cjs.map → select-data-filter-B1ZSewKM.cjs.map} +1 -1
- package/dist/{select-data-filter-BdoLm7cU.js → select-data-filter-CRsIOTuD.js} +2 -2
- package/dist/{select-data-filter-BdoLm7cU.js.map → select-data-filter-CRsIOTuD.js.map} +1 -1
- package/dist/{select-field-block-CVy2hRpS.cjs → select-field-block-DuCz05gv.cjs} +2 -2
- package/dist/{select-field-block-CVy2hRpS.cjs.map → select-field-block-DuCz05gv.cjs.map} +1 -1
- package/dist/{select-field-block-C5wc3v5m.js → select-field-block-z5_ve898.js} +2 -2
- package/dist/{select-field-block-C5wc3v5m.js.map → select-field-block-z5_ve898.js.map} +1 -1
- package/dist/src/ds/components/Toaster/index.d.ts +1 -0
- package/dist/src/utils/toast.d.ts +1 -0
- package/dist/{thread-list-5lqbiVjT.cjs → thread-list-DISOdCG1.cjs} +2 -2
- package/dist/{thread-list-5lqbiVjT.cjs.map → thread-list-DISOdCG1.cjs.map} +1 -1
- package/dist/{thread-list-B0wpNa1l.js → thread-list-DStSVzaX.js} +2 -2
- package/dist/{thread-list-B0wpNa1l.js.map → thread-list-DStSVzaX.js.map} +1 -1
- package/dist/{time-picker-DoReHQCM.js → time-picker-CL4xWUGp.js} +2 -2
- package/dist/{time-picker-DoReHQCM.js.map → time-picker-CL4xWUGp.js.map} +1 -1
- package/dist/{time-picker-CQnJSakJ.cjs → time-picker-CR4_fwUk.cjs} +2 -2
- package/dist/{time-picker-CQnJSakJ.cjs.map → time-picker-CR4_fwUk.cjs.map} +1 -1
- package/dist/toast-BKsfnapA.js +52 -0
- package/dist/toast-BKsfnapA.js.map +1 -0
- package/dist/toast-Bh4WQDyj.cjs +55 -0
- package/dist/toast-Bh4WQDyj.cjs.map +1 -0
- package/dist/{traces-data-list-DSPQP1h9.cjs → traces-data-list-C_7puLGo.cjs} +6 -5
- package/dist/{traces-data-list-DSPQP1h9.cjs.map → traces-data-list-C_7puLGo.cjs.map} +1 -1
- package/dist/{traces-data-list-rt7G6c-b.js → traces-data-list-D8pdf9Yu.js} +4 -3
- package/dist/{traces-data-list-rt7G6c-b.js.map → traces-data-list-D8pdf9Yu.js.map} +1 -1
- package/dist/{truncate-B__sdTWJ.cjs → truncate-Dc4uvGy6.cjs} +2 -2
- package/dist/{truncate-B__sdTWJ.cjs.map → truncate-Dc4uvGy6.cjs.map} +1 -1
- package/dist/{truncate-S31tpC20.js → truncate-ReelyWbD.js} +2 -2
- package/dist/{truncate-S31tpC20.js.map → truncate-ReelyWbD.js.map} +1 -1
- package/dist/{use-table-keyboard-navigation-4FqdVh0f.js → use-table-keyboard-navigation-Cy_SvYwQ.js} +2 -2
- package/dist/{use-table-keyboard-navigation-4FqdVh0f.js.map → use-table-keyboard-navigation-Cy_SvYwQ.js.map} +1 -1
- package/dist/{use-table-keyboard-navigation-DGHSNehl.cjs → use-table-keyboard-navigation-DWo2Q8_r.cjs} +3 -3
- package/dist/{use-table-keyboard-navigation-DGHSNehl.cjs.map → use-table-keyboard-navigation-DWo2Q8_r.cjs.map} +1 -1
- package/dist/utils/toast.cjs.js +10 -0
- package/dist/utils/toast.cjs.js.map +1 -0
- package/dist/utils/toast.d.ts +2 -0
- package/dist/utils/toast.es.js +2 -0
- package/dist/utils/toast.es.js.map +1 -0
- package/package.json +13 -7
- package/dist/Breadcrumb--hRsY96j.js.map +0 -1
- package/dist/Breadcrumb-D7lcwKK6.cjs.map +0 -1
- package/dist/Icon-BAgNsQRj.js.map +0 -1
- package/dist/Icon-xYD5TR12.cjs.map +0 -1
- package/dist/data-list-skeleton-CcEwvf6q.cjs +0 -59
- package/dist/data-list-skeleton-CcEwvf6q.cjs.map +0 -1
- package/dist/data-list-skeleton-DNIPkS_y.js +0 -55
- package/dist/data-list-skeleton-DNIPkS_y.js.map +0 -1
- package/dist/logs-data-list-Bm45BZfQ.cjs +0 -91
- package/dist/logs-data-list-Bm45BZfQ.cjs.map +0 -1
- package/dist/logs-data-list-Bs7F_646.js +0 -88
- package/dist/logs-data-list-Bs7F_646.js.map +0 -1
- package/dist/use-copy-to-clipboard-CiSfp8oO.js +0 -127
- package/dist/use-copy-to-clipboard-CiSfp8oO.js.map +0 -1
- package/dist/use-copy-to-clipboard-y495_Ckw.cjs +0 -131
- package/dist/use-copy-to-clipboard-y495_Ckw.cjs.map +0 -1
- /package/dist/{use-copy-to-clipboard.css → toast.css} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @mastra/playground-ui
|
|
2
2
|
|
|
3
|
+
## 37.0.0-alpha.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [[`023766f`](https://github.com/mastra-ai/mastra/commit/023766f44d59b30a50f3a381e33eddde8ab56c00), [`a0509c7`](https://github.com/mastra-ai/mastra/commit/a0509c731a08aa3ed626557c5338126362856f57), [`01caf93`](https://github.com/mastra-ai/mastra/commit/01caf93d71ae2c1e65f49735cafb531975187426), [`c2c1d7b`](https://github.com/mastra-ai/mastra/commit/c2c1d7bb61d2602955f14ed3952f807c2d6eb576), [`3eb852e`](https://github.com/mastra-ai/mastra/commit/3eb852e5435bc908b800193498103dc724f455b0)]:
|
|
8
|
+
- @mastra/core@1.47.0-alpha.5
|
|
9
|
+
- @mastra/client-js@1.28.0-alpha.5
|
|
10
|
+
- @mastra/react@1.1.2-alpha.5
|
|
11
|
+
|
|
12
|
+
## 37.0.0-alpha.4
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Added direct import paths for toast and Playground UI icons so apps can avoid the root Playground UI barrel when using high-traffic utilities and icon components. ([#18470](https://github.com/mastra-ai/mastra/pull/18470))
|
|
17
|
+
|
|
18
|
+
```ts
|
|
19
|
+
import { Toaster } from '@mastra/playground-ui/components/Toaster';
|
|
20
|
+
import { AgentIcon } from '@mastra/playground-ui/icons/AgentIcon';
|
|
21
|
+
import { toast } from '@mastra/playground-ui/utils/toast';
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
- Updated dependencies [[`462a769`](https://github.com/mastra-ai/mastra/commit/462a769da61850862ca1be3d74134d33078ee6a7), [`f328049`](https://github.com/mastra-ai/mastra/commit/f3280498c324afd2a8d36cd828f5b9f94a2dddc1), [`e545228`](https://github.com/mastra-ai/mastra/commit/e54522856934a5dc030b7b6385771e3548020d59)]:
|
|
25
|
+
- @mastra/core@1.47.0-alpha.4
|
|
26
|
+
- @mastra/client-js@1.28.0-alpha.4
|
|
27
|
+
- @mastra/react@1.1.2-alpha.4
|
|
28
|
+
|
|
3
29
|
## 37.0.0-alpha.3
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { c as cva } from './index-CSm06eOE.js';
|
|
3
|
-
import {
|
|
3
|
+
import { Icon } from './icons/Icon.es.js';
|
|
4
4
|
import { t as transitions } from './transitions-tFfqxz40.js';
|
|
5
5
|
import { c as cn } from './cn-BakJzhuv.js';
|
|
6
6
|
|
|
@@ -52,4 +52,4 @@ const Badge = ({ icon, variant, size, className, children, ...props }) => {
|
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
export { Badge as B };
|
|
55
|
-
//# sourceMappingURL=Badge-
|
|
55
|
+
//# sourceMappingURL=Badge-CIIPrVJ8.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge-
|
|
1
|
+
{"version":3,"file":"Badge-CIIPrVJ8.js","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva('font-mono inline-flex w-fit max-w-full items-center rounded-full border shrink-0', {\n variants: {\n variant: {\n default: 'text-neutral5 bg-surface4 border-border1',\n success: 'text-notice-success-fg bg-notice-success/20 border-notice-success/20',\n error: 'text-notice-destructive-fg bg-notice-destructive/20 border-notice-destructive/20',\n info: 'text-notice-info-fg bg-notice-info/20 border-notice-info/20',\n warning: 'text-notice-warning-fg bg-notice-warning/20 border-notice-warning/20',\n },\n size: {\n md: 'h-badge-default text-ui-sm gap-1',\n sm: 'h-form-xs text-ui-xs gap-1',\n xs: 'h-5 text-ui-xs gap-0.5',\n },\n withIcon: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n { size: 'md', withIcon: false, className: 'px-2.5' },\n { size: 'md', withIcon: true, className: 'pl-2 pr-2.5' },\n { size: 'sm', withIcon: false, className: 'px-2' },\n { size: 'sm', withIcon: true, className: 'pl-1.5 pr-2' },\n { size: 'xs', withIcon: false, className: 'px-1.5' },\n { size: 'xs', withIcon: true, className: 'pl-1 pr-1.5' },\n ],\n defaultVariants: {\n variant: 'default',\n size: 'md',\n withIcon: false,\n },\n});\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof badgeVariants>, 'withIcon'> {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport const Badge = ({ icon, variant, size, className, children, ...props }: BadgeProps) => {\n return (\n <div\n className={cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), transitions.colors, className)}\n {...props}\n >\n {icon && <Icon size=\"sm\">{icon}</Icon>}\n {children}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,aAAA,GAAgB,IAAI,kFAAA,EAAoF;AAAA,EAC5G,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,0CAAA;AAAA,MACT,OAAA,EAAS,sEAAA;AAAA,MACT,KAAA,EAAO,kFAAA;AAAA,MACP,IAAA,EAAM,6DAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kCAAA;AAAA,MACJ,EAAA,EAAI,4BAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,MAAA,EAAO;AAAA,IACjD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA;AAAc,GACzD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAQM,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,EAAS,MAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AAC3F,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,OAAA,CAAQ,IAAI,CAAA,EAAG,CAAA,EAAG,WAAA,CAAY,QAAQ,SAAS,CAAA;AAAA,MACrG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
const index = require('./index-C-Lt4Bx_.cjs');
|
|
5
|
-
const
|
|
5
|
+
const icons_Icon = require('./icons/Icon.cjs.js');
|
|
6
6
|
const transitions = require('./transitions-DpczSjmD.cjs');
|
|
7
7
|
const utils_cn = require('./cn-vA5sWo9W.cjs');
|
|
8
8
|
|
|
@@ -46,7 +46,7 @@ const Badge = ({ icon, variant, size, className, children, ...props }) => {
|
|
|
46
46
|
className: utils_cn.cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), transitions.transitions.colors, className),
|
|
47
47
|
...props,
|
|
48
48
|
children: [
|
|
49
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
49
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "sm", children: icon }),
|
|
50
50
|
children
|
|
51
51
|
]
|
|
52
52
|
}
|
|
@@ -54,4 +54,4 @@ const Badge = ({ icon, variant, size, className, children, ...props }) => {
|
|
|
54
54
|
};
|
|
55
55
|
|
|
56
56
|
exports.Badge = Badge;
|
|
57
|
-
//# sourceMappingURL=Badge-
|
|
57
|
+
//# sourceMappingURL=Badge-DhIGMqUf.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge-
|
|
1
|
+
{"version":3,"file":"Badge-DhIGMqUf.cjs","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva('font-mono inline-flex w-fit max-w-full items-center rounded-full border shrink-0', {\n variants: {\n variant: {\n default: 'text-neutral5 bg-surface4 border-border1',\n success: 'text-notice-success-fg bg-notice-success/20 border-notice-success/20',\n error: 'text-notice-destructive-fg bg-notice-destructive/20 border-notice-destructive/20',\n info: 'text-notice-info-fg bg-notice-info/20 border-notice-info/20',\n warning: 'text-notice-warning-fg bg-notice-warning/20 border-notice-warning/20',\n },\n size: {\n md: 'h-badge-default text-ui-sm gap-1',\n sm: 'h-form-xs text-ui-xs gap-1',\n xs: 'h-5 text-ui-xs gap-0.5',\n },\n withIcon: {\n true: '',\n false: '',\n },\n },\n compoundVariants: [\n { size: 'md', withIcon: false, className: 'px-2.5' },\n { size: 'md', withIcon: true, className: 'pl-2 pr-2.5' },\n { size: 'sm', withIcon: false, className: 'px-2' },\n { size: 'sm', withIcon: true, className: 'pl-1.5 pr-2' },\n { size: 'xs', withIcon: false, className: 'px-1.5' },\n { size: 'xs', withIcon: true, className: 'pl-1 pr-1.5' },\n ],\n defaultVariants: {\n variant: 'default',\n size: 'md',\n withIcon: false,\n },\n});\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof badgeVariants>, 'withIcon'> {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n}\n\nexport const Badge = ({ icon, variant, size, className, children, ...props }: BadgeProps) => {\n return (\n <div\n className={cn(badgeVariants({ variant, size, withIcon: Boolean(icon) }), transitions.colors, className)}\n {...props}\n >\n {icon && <Icon size=\"sm\">{icon}</Icon>}\n {children}\n </div>\n );\n};\n"],"names":["cva","jsxs","cn","transitions","jsx","Icon"],"mappings":";;;;;;;;AAQA,MAAM,aAAA,GAAgBA,UAAI,kFAAA,EAAoF;AAAA,EAC5G,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,0CAAA;AAAA,MACT,OAAA,EAAS,sEAAA;AAAA,MACT,KAAA,EAAO,kFAAA;AAAA,MACP,IAAA,EAAM,6DAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kCAAA;AAAA,MACJ,EAAA,EAAI,4BAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,MAAA,EAAO;AAAA,IACjD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA,EAAc;AAAA,IACvD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,WAAW,QAAA,EAAS;AAAA,IACnD,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,WAAW,aAAA;AAAc,GACzD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAQM,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,EAAS,MAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AAC3F,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,QAAA,EAAU,OAAA,CAAQ,IAAI,CAAA,EAAG,CAAA,EAAGC,uBAAA,CAAY,QAAQ,SAAS,CAAA;AAAA,MACrG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQC,cAAA,CAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
const
|
|
4
|
+
const icons_Icon = require('./icons/Icon.cjs.js');
|
|
5
|
+
const icons_SlashIcon = require('./icons/SlashIcon.cjs.js');
|
|
5
6
|
const transitions = require('./transitions-DpczSjmD.cjs');
|
|
6
7
|
const utils_cn = require('./cn-vA5sWo9W.cjs');
|
|
7
8
|
|
|
8
|
-
const SlashIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.25684 12.6387L10.4003 3.36133H11.7432L6.5997 12.6387H5.25684Z", fill: "currentColor" }) });
|
|
9
|
-
|
|
10
9
|
const Breadcrumb = ({ children, label, className, listClassName }) => {
|
|
11
10
|
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: utils_cn.cn("gap-0.5 flex items-center", listClassName), children }) });
|
|
12
11
|
};
|
|
@@ -29,11 +28,10 @@ const Crumb = ({ className, as, isCurrent, action, ...props }) => {
|
|
|
29
28
|
),
|
|
30
29
|
action
|
|
31
30
|
] }),
|
|
32
|
-
!isCurrent && /* @__PURE__ */ jsxRuntime.jsx("li", { role: "separator", className: "flex h-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
31
|
+
!isCurrent && /* @__PURE__ */ jsxRuntime.jsx("li", { role: "separator", className: "flex h-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { className: utils_cn.cn("text-neutral2", transitions.transitions.colors), children: /* @__PURE__ */ jsxRuntime.jsx(icons_SlashIcon.SlashIcon, {}) }) })
|
|
33
32
|
] });
|
|
34
33
|
};
|
|
35
34
|
|
|
36
35
|
exports.Breadcrumb = Breadcrumb;
|
|
37
36
|
exports.Crumb = Crumb;
|
|
38
|
-
|
|
39
|
-
//# sourceMappingURL=Breadcrumb-D7lcwKK6.cjs.map
|
|
37
|
+
//# sourceMappingURL=Breadcrumb-CArFRvVX.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb-CArFRvVX.cjs","sources":["../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n children?: React.ReactNode;\n label?: string;\n className?: string;\n listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n return (\n <nav aria-label={label} className={className}>\n <ol className={cn('gap-0.5 flex items-center', listClassName)}>{children}</ol>\n </nav>\n );\n};\n\nexport interface CrumbProps {\n isCurrent?: boolean;\n as: React.ElementType;\n className?: string;\n to?: string;\n prefetch?: boolean | null;\n children: React.ReactNode;\n action?: React.ReactNode;\n 'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n const Root = as || 'span';\n\n return (\n <>\n <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n <Root\n aria-current={isCurrent ? 'page' : undefined}\n className={cn(\n 'text-ui-md leading-ui-md flex min-w-0 items-center gap-2 truncate',\n transitions.colors,\n isCurrent ? 'text-neutral6 font-medium' : 'text-neutral3 hover:text-neutral5',\n className,\n )}\n {...props}\n />\n {action}\n </li>\n {!isCurrent && (\n <li role=\"separator\" className=\"flex h-full items-center\">\n <Icon className={cn('text-neutral2', transitions.colors)}>\n <SlashIcon />\n </Icon>\n </li>\n )}\n </>\n );\n};\n"],"names":["jsx","cn","jsxs","Fragment","transitions","Icon","SlashIcon"],"mappings":";;;;;;;;AAcO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWC,WAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,QAAG,SAAA,EAAWD,WAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAAD,cAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAWC,WAAA;AAAA,YACT,mEAAA;AAAA,YACAG,uBAAA,CAAY,MAAA;AAAA,YACZ,YAAY,2BAAA,GAA8B,mCAAA;AAAA,YAC1C;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACAJ,cAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAAA,cAAA,CAACK,mBAAK,SAAA,EAAWJ,WAAA,CAAG,iBAAiBG,uBAAA,CAAY,MAAM,GACrD,QAAA,kBAAAJ,cAAA,CAACM,yBAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;;"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { Icon } from './icons/Icon.es.js';
|
|
3
|
+
import { SlashIcon } from './icons/SlashIcon.es.js';
|
|
3
4
|
import { t as transitions } from './transitions-tFfqxz40.js';
|
|
4
5
|
import { c as cn } from './cn-BakJzhuv.js';
|
|
5
6
|
|
|
6
|
-
const SlashIcon = (props) => /* @__PURE__ */ jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M5.25684 12.6387L10.4003 3.36133H11.7432L6.5997 12.6387H5.25684Z", fill: "currentColor" }) });
|
|
7
|
-
|
|
8
7
|
const Breadcrumb = ({ children, label, className, listClassName }) => {
|
|
9
8
|
return /* @__PURE__ */ jsx("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx("ol", { className: cn("gap-0.5 flex items-center", listClassName), children }) });
|
|
10
9
|
};
|
|
@@ -31,5 +30,5 @@ const Crumb = ({ className, as, isCurrent, action, ...props }) => {
|
|
|
31
30
|
] });
|
|
32
31
|
};
|
|
33
32
|
|
|
34
|
-
export { Breadcrumb as B, Crumb as C
|
|
35
|
-
//# sourceMappingURL=Breadcrumb
|
|
33
|
+
export { Breadcrumb as B, Crumb as C };
|
|
34
|
+
//# sourceMappingURL=Breadcrumb-Ciy7FM3z.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb-Ciy7FM3z.js","sources":["../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n children?: React.ReactNode;\n label?: string;\n className?: string;\n listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n return (\n <nav aria-label={label} className={className}>\n <ol className={cn('gap-0.5 flex items-center', listClassName)}>{children}</ol>\n </nav>\n );\n};\n\nexport interface CrumbProps {\n isCurrent?: boolean;\n as: React.ElementType;\n className?: string;\n to?: string;\n prefetch?: boolean | null;\n children: React.ReactNode;\n action?: React.ReactNode;\n 'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n const Root = as || 'span';\n\n return (\n <>\n <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n <Root\n aria-current={isCurrent ? 'page' : undefined}\n className={cn(\n 'text-ui-md leading-ui-md flex min-w-0 items-center gap-2 truncate',\n transitions.colors,\n isCurrent ? 'text-neutral6 font-medium' : 'text-neutral3 hover:text-neutral5',\n className,\n )}\n {...props}\n />\n {action}\n </li>\n {!isCurrent && (\n <li role=\"separator\" className=\"flex h-full items-center\">\n <Icon className={cn('text-neutral2', transitions.colors)}>\n <SlashIcon />\n </Icon>\n </li>\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAG,SAAA,EAAW,EAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAW,EAAA;AAAA,YACT,mEAAA;AAAA,YACA,WAAA,CAAY,MAAA;AAAA,YACZ,YAAY,2BAAA,GAA8B,mCAAA;AAAA,YAC1C;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACA,GAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,iBAAiB,WAAA,CAAY,MAAM,GACrD,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
|
|
@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
const index = require('./index-C-Lt4Bx_.cjs');
|
|
5
5
|
const React = require('react');
|
|
6
6
|
const tooltip = require('./tooltip-fTKN3FCp.cjs');
|
|
7
|
-
const
|
|
7
|
+
const icons_Icon = require('./icons/Icon.cjs.js');
|
|
8
8
|
const controlSize = require('./control-size-D67C0kPZ.cjs');
|
|
9
9
|
const formElement = require('./form-element-Cy7aV1Ds.cjs');
|
|
10
10
|
const utils_cn = require('./cn-vA5sWo9W.cjs');
|
|
@@ -79,7 +79,7 @@ const Button = React.forwardRef(
|
|
|
79
79
|
const resolvedSize = size ?? "md";
|
|
80
80
|
const isLabelless = !iconMode && isIconOnly(children);
|
|
81
81
|
const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip$1 === "string" ? tooltip$1 : void 0);
|
|
82
|
-
const content = iconMode ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
82
|
+
const content = iconMode ? /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: iconChildSizeMap[size], children }) : children;
|
|
83
83
|
const button = /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
84
|
Component,
|
|
85
85
|
{
|
|
@@ -105,4 +105,4 @@ Button.displayName = "Button";
|
|
|
105
105
|
|
|
106
106
|
exports.Button = Button;
|
|
107
107
|
exports.buttonVariants = buttonVariants;
|
|
108
|
-
//# sourceMappingURL=Button-
|
|
108
|
+
//# sourceMappingURL=Button-Bj667lJx.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button-BVNuv0IS.cjs","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlFocusBorderVisible, sharedFormElementDisabledStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label, larger radius, and SVG sizing for\n// inline `<svg>` children. Excluded from icon-mode because icon-mode wraps children in `<Icon>`\n// (so `[&>svg]` selectors don't match) and uses its own `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n 'gap-[.75em] rounded-full',\n '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]',\n '[&>svg]:opacity-50 [&:hover>svg]:opacity-100',\n);\n\nexport const buttonVariants = cva(\n cn(\n 'inline-flex items-center justify-center leading-0 cursor-pointer',\n 'transition-all duration-normal ease-out-custom',\n sharedFormElementDisabledStyle,\n controlFocusBorderVisible,\n ),\n {\n variants: {\n variant: {\n default:\n 'bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6',\n primary:\n 'bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium',\n ghost:\n 'bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4',\n outline:\n 'bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5',\n },\n size: {\n xs: cn(controlSizeClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n sm: cn(controlSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.default, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.\n 'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n 'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n 'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n 'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n as?: React.ElementType;\n className?: string;\n href?: string;\n to?: string;\n prefetch?: boolean | null;\n children: React.ReactNode;\n tooltip?: React.ReactNode;\n target?: string;\n type?: 'button' | 'submit' | 'reset';\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\n// Button's icon-* sizes don't match `<Icon>`'s own size scale (`sm | default | lg`).\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'default' | 'lg'> = {\n 'icon-xs': 'sm',\n 'icon-sm': 'sm',\n 'icon-md': 'default',\n 'icon-lg': 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const result: React.ReactNode[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n result.push(...flattenChildren(child.props.children));\n } else {\n result.push(child);\n }\n });\n return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n const flat = flattenChildren(children);\n return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\nfunction isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n return typeof size === 'string' && size.startsWith('icon-');\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n { className, as, size, variant = 'default', disabled, children, tooltip, 'aria-label': ariaLabelProp, ...props },\n ref,\n ) => {\n const Component = as || 'button';\n const iconMode = isIconButtonSize(size);\n const resolvedSize: ButtonSize = size ?? 'md';\n const isLabelless = !iconMode && isIconOnly(children);\n\n // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n const content = iconMode ? <Icon size={iconChildSizeMap[size as IconButtonSize]}>{children}</Icon> : children;\n\n const button = (\n <Component\n ref={ref}\n disabled={disabled}\n aria-label={ariaLabel}\n // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n // (filled buttons have an opaque background that hides a border seam, so the group\n // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n data-variant={variant}\n className={cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && '[&>svg]:opacity-75', className)}\n {...props}\n >\n {content}\n </Component>\n );\n\n if (tooltip) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n },\n);\n\nButton.displayName = 'Button';\n"],"names":["cn","cva","sharedFormElementDisabledStyle","controlFocusBorderVisible","controlSizeClasses","controlHeight","tooltip","jsx","Icon","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button-Bj667lJx.cjs","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlFocusBorderVisible, sharedFormElementDisabledStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label, larger radius, and SVG sizing for\n// inline `<svg>` children. Excluded from icon-mode because icon-mode wraps children in `<Icon>`\n// (so `[&>svg]` selectors don't match) and uses its own `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n 'gap-[.75em] rounded-full',\n '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]',\n '[&>svg]:opacity-50 [&:hover>svg]:opacity-100',\n);\n\nexport const buttonVariants = cva(\n cn(\n 'inline-flex items-center justify-center leading-0 cursor-pointer',\n 'transition-all duration-normal ease-out-custom',\n sharedFormElementDisabledStyle,\n controlFocusBorderVisible,\n ),\n {\n variants: {\n variant: {\n default:\n 'bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6',\n primary:\n 'bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium',\n ghost:\n 'bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4',\n outline:\n 'bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5',\n },\n size: {\n xs: cn(controlSizeClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n sm: cn(controlSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.default, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.\n 'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n 'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n 'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n 'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n as?: React.ElementType;\n className?: string;\n href?: string;\n to?: string;\n prefetch?: boolean | null;\n children: React.ReactNode;\n tooltip?: React.ReactNode;\n target?: string;\n type?: 'button' | 'submit' | 'reset';\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\n// Button's icon-* sizes don't match `<Icon>`'s own size scale (`sm | default | lg`).\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'default' | 'lg'> = {\n 'icon-xs': 'sm',\n 'icon-sm': 'sm',\n 'icon-md': 'default',\n 'icon-lg': 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const result: React.ReactNode[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n result.push(...flattenChildren(child.props.children));\n } else {\n result.push(child);\n }\n });\n return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n const flat = flattenChildren(children);\n return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\nfunction isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n return typeof size === 'string' && size.startsWith('icon-');\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n { className, as, size, variant = 'default', disabled, children, tooltip, 'aria-label': ariaLabelProp, ...props },\n ref,\n ) => {\n const Component = as || 'button';\n const iconMode = isIconButtonSize(size);\n const resolvedSize: ButtonSize = size ?? 'md';\n const isLabelless = !iconMode && isIconOnly(children);\n\n // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n const content = iconMode ? <Icon size={iconChildSizeMap[size as IconButtonSize]}>{children}</Icon> : children;\n\n const button = (\n <Component\n ref={ref}\n disabled={disabled}\n aria-label={ariaLabel}\n // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n // (filled buttons have an opaque background that hides a border seam, so the group\n // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n data-variant={variant}\n className={cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && '[&>svg]:opacity-75', className)}\n {...props}\n >\n {content}\n </Component>\n );\n\n if (tooltip) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n },\n);\n\nButton.displayName = 'Button';\n"],"names":["cn","cva","sharedFormElementDisabledStyle","controlFocusBorderVisible","controlSizeClasses","controlHeight","tooltip","jsx","Icon","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import { c as cva } from './index-CSm06eOE.js';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-CjjqIvhJ.js';
|
|
5
|
-
import {
|
|
5
|
+
import { Icon } from './icons/Icon.es.js';
|
|
6
6
|
import { c as controlHeight, a as controlSizeClasses } from './control-size-BdDLgGX4.js';
|
|
7
7
|
import { c as controlFocusBorderVisible, s as sharedFormElementDisabledStyle } from './form-element-DUtZESwq.js';
|
|
8
8
|
import { c as cn } from './cn-BakJzhuv.js';
|
|
@@ -102,4 +102,4 @@ const Button = React__default.forwardRef(
|
|
|
102
102
|
Button.displayName = "Button";
|
|
103
103
|
|
|
104
104
|
export { Button as B, buttonVariants as b };
|
|
105
|
-
//# sourceMappingURL=Button-
|
|
105
|
+
//# sourceMappingURL=Button-DUxP65eY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button-
|
|
1
|
+
{"version":3,"file":"Button-DUxP65eY.js","sources":["../src/ds/components/Button/Button.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight, controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlFocusBorderVisible, sharedFormElementDisabledStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Adornments for text-mode buttons: gap between icon+label, larger radius, and SVG sizing for\n// inline `<svg>` children. Excluded from icon-mode because icon-mode wraps children in `<Icon>`\n// (so `[&>svg]` selectors don't match) and uses its own `rounded-full` (circle).\nconst TEXT_MODE_ADORNMENTS = cn(\n 'gap-[.75em] rounded-full',\n '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:mx-[-.3em]',\n '[&>svg]:opacity-50 [&:hover>svg]:opacity-100',\n);\n\nexport const buttonVariants = cva(\n cn(\n 'inline-flex items-center justify-center leading-0 cursor-pointer',\n 'transition-all duration-normal ease-out-custom',\n sharedFormElementDisabledStyle,\n controlFocusBorderVisible,\n ),\n {\n variants: {\n variant: {\n default:\n 'bg-surface3 border border-border2 hover:bg-surface5 hover:text-neutral6 active:bg-surface6 text-neutral6',\n primary:\n 'bg-neutral6 border border-transparent hover:bg-neutral6/90 active:bg-neutral6/80 text-surface1 font-medium',\n ghost:\n 'bg-transparent border border-transparent hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10 text-neutral4',\n outline:\n 'bg-transparent border border-border1 hover:bg-surface3 hover:text-neutral6 active:bg-surface4 text-neutral5',\n },\n size: {\n xs: cn(controlSizeClasses.xs, 'px-[.8em]', TEXT_MODE_ADORNMENTS),\n sm: cn(controlSizeClasses.sm, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n md: cn(controlSizeClasses.md, 'px-[.9em]', TEXT_MODE_ADORNMENTS),\n lg: cn(controlSizeClasses.default, 'px-[1em]', TEXT_MODE_ADORNMENTS),\n // Icon sizes: square dimensions, fully rounded → circle. Active state inherits from variant\n // (e.g. `active:bg-surface5`) — same press feedback as text-mode for consistency.\n 'icon-xs': cn(controlHeight.xs, 'w-form-xs rounded-full'),\n 'icon-sm': cn(controlHeight.sm, 'w-form-sm rounded-full'),\n 'icon-md': cn(controlHeight.md, 'w-form-md rounded-full'),\n 'icon-lg': cn(controlHeight.lg, 'w-form-lg rounded-full'),\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n },\n);\n\n// Public types derived from cva — single source of truth. Adding a variant or size to\n// `buttonVariants` automatically updates these unions.\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\nexport type ButtonVariant = NonNullable<ButtonVariantsProps['variant']>;\nexport type ButtonSize = NonNullable<ButtonVariantsProps['size']>;\nexport type IconButtonSize = Extract<ButtonSize, `icon-${string}`>;\nexport type TextButtonSize = Exclude<ButtonSize, IconButtonSize>;\n\nexport interface ButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, ButtonVariantsProps {\n as?: React.ElementType;\n className?: string;\n href?: string;\n to?: string;\n prefetch?: boolean | null;\n children: React.ReactNode;\n tooltip?: React.ReactNode;\n target?: string;\n type?: 'button' | 'submit' | 'reset';\n onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\n// Button's icon-* sizes don't match `<Icon>`'s own size scale (`sm | default | lg`).\nconst iconChildSizeMap: Record<IconButtonSize, 'sm' | 'default' | 'lg'> = {\n 'icon-xs': 'sm',\n 'icon-sm': 'sm',\n 'icon-md': 'default',\n 'icon-lg': 'lg',\n};\n\n// Walks React children, expanding `<></>` fragments so `isIconOnly` can inspect the real\n// elements inside. `<Button><><Icon/></></Button>` should still count as icon-only.\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const result: React.ReactNode[] = [];\n React.Children.forEach(children, child => {\n if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.type === React.Fragment) {\n result.push(...flattenChildren(child.props.children));\n } else {\n result.push(child);\n }\n });\n return result;\n}\n\n// True when every child is a React element (no text/label). Used in text-mode to brighten the\n// SVG of label-less buttons so the glyph reads stronger.\nfunction isIconOnly(children: React.ReactNode): boolean {\n const flat = flattenChildren(children);\n return flat.length > 0 && flat.every(child => React.isValidElement(child));\n}\n\n// Type guard: narrows `ButtonSize` to `IconButtonSize` so consumers (e.g. `iconChildSizeMap`)\n// can index into icon-only structures without a cast.\nfunction isIconButtonSize(size: ButtonSize | null | undefined): size is IconButtonSize {\n return typeof size === 'string' && size.startsWith('icon-');\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n { className, as, size, variant = 'default', disabled, children, tooltip, 'aria-label': ariaLabelProp, ...props },\n ref,\n ) => {\n const Component = as || 'button';\n const iconMode = isIconButtonSize(size);\n const resolvedSize: ButtonSize = size ?? 'md';\n const isLabelless = !iconMode && isIconOnly(children);\n\n // Icon-only buttons need an a11y label. If a string tooltip is provided, reuse it.\n const ariaLabel = ariaLabelProp ?? ((iconMode || isLabelless) && typeof tooltip === 'string' ? tooltip : undefined);\n\n const content = iconMode ? <Icon size={iconChildSizeMap[size as IconButtonSize]}>{children}</Icon> : children;\n\n const button = (\n <Component\n ref={ref}\n disabled={disabled}\n aria-label={ariaLabel}\n // Expose the variant so a parent ButtonsGroup can detect FILLED segments in CSS\n // (filled buttons have an opaque background that hides a border seam, so the group\n // paints their divider as an inset box-shadow instead — see buttons-group.tsx).\n data-variant={variant}\n className={cn(buttonVariants({ variant, size: resolvedSize }), isLabelless && '[&>svg]:opacity-75', className)}\n {...props}\n >\n {content}\n </Component>\n );\n\n if (tooltip) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>{button}</TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n );\n }\n\n return button;\n },\n);\n\nButton.displayName = 'Button';\n"],"names":["React"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
const Txt = require('./Txt-BT8_EkuZ.cjs');
|
|
5
5
|
const utils_cn = require('./cn-vA5sWo9W.cjs');
|
|
6
|
-
const
|
|
6
|
+
const icons_Icon = require('./icons/Icon.cjs.js');
|
|
7
7
|
|
|
8
8
|
const Entity = ({ children, className, onClick }) => {
|
|
9
9
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -28,7 +28,7 @@ const Entity = ({ children, className, onClick }) => {
|
|
|
28
28
|
);
|
|
29
29
|
};
|
|
30
30
|
const EntityIcon = ({ children, className, style }) => {
|
|
31
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
31
|
+
return /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: utils_cn.cn("text-neutral3 mt-1 shrink-0", className), style, children });
|
|
32
32
|
};
|
|
33
33
|
const EntityName = ({ children, className }) => {
|
|
34
34
|
return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "ui-lg", className: utils_cn.cn("text-neutral6 font-medium", className), children });
|
|
@@ -45,4 +45,4 @@ exports.EntityContent = EntityContent;
|
|
|
45
45
|
exports.EntityDescription = EntityDescription;
|
|
46
46
|
exports.EntityIcon = EntityIcon;
|
|
47
47
|
exports.EntityName = EntityName;
|
|
48
|
-
//# sourceMappingURL=Entity-
|
|
48
|
+
//# sourceMappingURL=Entity-Bwbh0iLW.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Entity-
|
|
1
|
+
{"version":3,"file":"Entity-Bwbh0iLW.cjs","sources":["../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n children: React.ReactNode;\n className?: string;\n onClick?: () => void;\n style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n return (\n <div\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={e => {\n if (!onClick) return;\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onClick?.();\n }\n }}\n className={cn(\n 'flex gap-3 group/entity bg-surface3 rounded-xl border border-border1 py-3 px-4',\n onClick && 'cursor-pointer hover:bg-surface4 transition-all',\n className,\n )}\n onClick={onClick}\n >\n {children}\n </div>\n );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n return (\n <Icon size=\"lg\" className={cn('text-neutral3 mt-1 shrink-0', className)} style={style}>\n {children}\n </Icon>\n );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n return (\n <Txt as=\"p\" variant=\"ui-lg\" className={cn('text-neutral6 font-medium', className)}>\n {children}\n </Txt>\n );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n return (\n <Txt as=\"div\" variant=\"ui-sm\" className={cn('text-neutral3', className)}>\n {children}\n </Txt>\n );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n return <div className={cn('flex-1 w-full', className)}>{children}</div>;\n};\n"],"names":["jsx","cn","Icon","Txt"],"mappings":";;;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,gFAAA;AAAA,QACA,OAAA,IAAW,iDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACED,cAAA,CAACE,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAWD,YAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,KAAA,EACtE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACED,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAWF,WAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA,EAC7E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACED,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAWF,WAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACnE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { T as Txt } from './Txt-p33XTnu8.js';
|
|
3
3
|
import { c as cn } from './cn-BakJzhuv.js';
|
|
4
|
-
import {
|
|
4
|
+
import { Icon } from './icons/Icon.es.js';
|
|
5
5
|
|
|
6
6
|
const Entity = ({ children, className, onClick }) => {
|
|
7
7
|
return /* @__PURE__ */ jsx(
|
|
@@ -39,4 +39,4 @@ const EntityContent = ({ children, className }) => {
|
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
export { Entity as E, EntityContent as a, EntityDescription as b, EntityIcon as c, EntityName as d };
|
|
42
|
-
//# sourceMappingURL=Entity-
|
|
42
|
+
//# sourceMappingURL=Entity-CyYGTYWL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Entity-
|
|
1
|
+
{"version":3,"file":"Entity-CyYGTYWL.js","sources":["../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n children: React.ReactNode;\n className?: string;\n onClick?: () => void;\n style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n return (\n <div\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={e => {\n if (!onClick) return;\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n onClick?.();\n }\n }}\n className={cn(\n 'flex gap-3 group/entity bg-surface3 rounded-xl border border-border1 py-3 px-4',\n onClick && 'cursor-pointer hover:bg-surface4 transition-all',\n className,\n )}\n onClick={onClick}\n >\n {children}\n </div>\n );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n return (\n <Icon size=\"lg\" className={cn('text-neutral3 mt-1 shrink-0', className)} style={style}>\n {children}\n </Icon>\n );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n return (\n <Txt as=\"p\" variant=\"ui-lg\" className={cn('text-neutral6 font-medium', className)}>\n {children}\n </Txt>\n );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n return (\n <Txt as=\"div\" variant=\"ui-sm\" className={cn('text-neutral3', className)}>\n {children}\n </Txt>\n );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n return <div className={cn('flex-1 w-full', className)}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gFAAA;AAAA,QACA,OAAA,IAAW,iDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,KAAA,EACtE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA,EAC7E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACnE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
const lucideReact = require('lucide-react');
|
|
5
5
|
const React = require('react');
|
|
6
|
-
const Button = require('./Button-
|
|
6
|
+
const Button = require('./Button-Bj667lJx.cjs');
|
|
7
7
|
const utils_cn = require('./cn-vA5sWo9W.cjs');
|
|
8
8
|
|
|
9
9
|
function _interopNamespaceDefault(e) {
|
|
@@ -172,4 +172,4 @@ function DefaultErrorFallback({
|
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
exports.ErrorBoundary = ErrorBoundary;
|
|
175
|
-
//# sourceMappingURL=ErrorBoundary-
|
|
175
|
+
//# sourceMappingURL=ErrorBoundary-Dzim3WH6.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary-Bh0P3RR7.cjs","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo | null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /** Called when an error is caught. Useful for reporting to an error tracker. */\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /**\n * When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n */\n resetKeys?: ReadonlyArray<unknown>;\n /** Heading shown in the default fallback. */\n title?: string;\n /** Description shown in the default fallback. */\n description?: string;\n /**\n * Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n */\n variant?: ErrorBoundaryVariant;\n /** Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error | null;\n errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n if (prev === next) return false;\n if (!prev || !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'py-6 px-4' : 'h-full min-h-[240px] flex-1 py-10 px-6',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'gap-3 max-w-md' : 'gap-4 max-w-2xl @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'rounded-full bg-accent2/10 text-accent2 flex items-center justify-center',\n isInline\n ? 'h-10 w-10 [&>svg]:h-5 [&>svg]:w-5'\n : 'h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'font-medium text-neutral6',\n isInline ? 'text-ui-md' : 'text-ui-lg @md:text-header-md @lg:text-header-lg',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-neutral3', isInline ? 'text-ui-sm' : 'text-ui-md @lg:text-ui-lg')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2',\n isInline ? 'text-ui-xs' : 'text-ui-sm',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button variant=\"default\" size={isInline ? 'sm' : 'lg'} onClick={() => window.location.reload()}>\n Reload page\n </Button>\n <Button\n as=\"a\"\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n href=\"https://github.com/mastra-ai/mastra/issues\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className=\"cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4\">\n Show error details\n </summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":["React","jsx","cn","jsxs","AlertTriangle","Button"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ErrorBoundary-Dzim3WH6.cjs","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo | null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /** Called when an error is caught. Useful for reporting to an error tracker. */\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /**\n * When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n */\n resetKeys?: ReadonlyArray<unknown>;\n /** Heading shown in the default fallback. */\n title?: string;\n /** Description shown in the default fallback. */\n description?: string;\n /**\n * Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n */\n variant?: ErrorBoundaryVariant;\n /** Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error | null;\n errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n if (prev === next) return false;\n if (!prev || !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'py-6 px-4' : 'h-full min-h-[240px] flex-1 py-10 px-6',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'gap-3 max-w-md' : 'gap-4 max-w-2xl @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'rounded-full bg-accent2/10 text-accent2 flex items-center justify-center',\n isInline\n ? 'h-10 w-10 [&>svg]:h-5 [&>svg]:w-5'\n : 'h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'font-medium text-neutral6',\n isInline ? 'text-ui-md' : 'text-ui-lg @md:text-header-md @lg:text-header-lg',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-neutral3', isInline ? 'text-ui-sm' : 'text-ui-md @lg:text-ui-lg')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2',\n isInline ? 'text-ui-xs' : 'text-ui-sm',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button variant=\"default\" size={isInline ? 'sm' : 'lg'} onClick={() => window.location.reload()}>\n Reload page\n </Button>\n <Button\n as=\"a\"\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n href=\"https://github.com/mastra-ai/mastra/issues\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className=\"cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4\">\n Show error details\n </summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":["React","jsx","cn","jsxs","AlertTriangle","Button"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { AlertTriangle } from 'lucide-react';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { B as Button } from './Button-
|
|
4
|
+
import { B as Button } from './Button-DUxP65eY.js';
|
|
5
5
|
import { c as cn } from './cn-BakJzhuv.js';
|
|
6
6
|
|
|
7
7
|
const INITIAL_STATE = { error: null, errorInfo: null };
|
|
@@ -151,4 +151,4 @@ function DefaultErrorFallback({
|
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
export { ErrorBoundary as E };
|
|
154
|
-
//# sourceMappingURL=ErrorBoundary-
|
|
154
|
+
//# sourceMappingURL=ErrorBoundary-UTpu5Qah.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary-Bdm6QBVz.js","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo | null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /** Called when an error is caught. Useful for reporting to an error tracker. */\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /**\n * When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n */\n resetKeys?: ReadonlyArray<unknown>;\n /** Heading shown in the default fallback. */\n title?: string;\n /** Description shown in the default fallback. */\n description?: string;\n /**\n * Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n */\n variant?: ErrorBoundaryVariant;\n /** Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error | null;\n errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n if (prev === next) return false;\n if (!prev || !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'py-6 px-4' : 'h-full min-h-[240px] flex-1 py-10 px-6',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'gap-3 max-w-md' : 'gap-4 max-w-2xl @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'rounded-full bg-accent2/10 text-accent2 flex items-center justify-center',\n isInline\n ? 'h-10 w-10 [&>svg]:h-5 [&>svg]:w-5'\n : 'h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'font-medium text-neutral6',\n isInline ? 'text-ui-md' : 'text-ui-lg @md:text-header-md @lg:text-header-lg',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-neutral3', isInline ? 'text-ui-sm' : 'text-ui-md @lg:text-ui-lg')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2',\n isInline ? 'text-ui-xs' : 'text-ui-sm',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button variant=\"default\" size={isInline ? 'sm' : 'lg'} onClick={() => window.location.reload()}>\n Reload page\n </Button>\n <Button\n as=\"a\"\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n href=\"https://github.com/mastra-ai/mastra/issues\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className=\"cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4\">\n Show error details\n </summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ErrorBoundary-UTpu5Qah.js","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n error: Error;\n errorInfo: React.ErrorInfo | null;\n reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n children: React.ReactNode;\n /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n /** Called when an error is caught. Useful for reporting to an error tracker. */\n onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n /**\n * When any value in this array changes between renders, the boundary resets.\n * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n */\n resetKeys?: ReadonlyArray<unknown>;\n /** Heading shown in the default fallback. */\n title?: string;\n /** Description shown in the default fallback. */\n description?: string;\n /**\n * Controls the default fallback's footprint:\n * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n */\n variant?: ErrorBoundaryVariant;\n /** Additional classes applied to the default fallback's outer wrapper. */\n className?: string;\n}\n\ntype ErrorBoundaryState = {\n error: Error | null;\n errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n if (prev === next) return false;\n if (!prev || !next) return true;\n if (prev.length !== next.length) return true;\n for (let i = 0; i < prev.length; i++) {\n if (!Object.is(prev[i], next[i])) return true;\n }\n return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n state: ErrorBoundaryState = INITIAL_STATE;\n\n static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n return { error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n this.setState({ errorInfo });\n if (this.props.onError) {\n try {\n this.props.onError(error, errorInfo);\n } catch (handlerError) {\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] onError handler threw:', handlerError);\n }\n }\n }\n if (typeof console !== 'undefined') {\n console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n }\n }\n\n componentDidUpdate(prevProps: ErrorBoundaryProps) {\n if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n this.reset();\n }\n }\n\n reset = () => {\n this.setState(INITIAL_STATE);\n };\n\n render() {\n const { error, errorInfo } = this.state;\n const { children, fallback, title, description, variant, className } = this.props;\n\n if (!error) return children;\n\n if (typeof fallback === 'function') {\n return fallback({ error, errorInfo, reset: this.reset });\n }\n\n if (fallback !== undefined) return fallback;\n\n return (\n <DefaultErrorFallback\n error={error}\n errorInfo={errorInfo}\n reset={this.reset}\n title={title}\n description={description}\n variant={variant ?? 'section'}\n className={className}\n />\n );\n }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n title?: string;\n description?: string;\n variant: ErrorBoundaryVariant;\n className?: string;\n};\n\nfunction DefaultErrorFallback({\n error,\n errorInfo,\n reset,\n title,\n description,\n variant,\n className,\n}: DefaultErrorFallbackProps) {\n const stack = errorInfo?.componentStack ?? error.stack ?? '';\n const isInline = variant === 'inline';\n\n return (\n <div\n role=\"alert\"\n className={cn(\n '@container flex w-full items-center justify-center',\n isInline ? 'py-6 px-4' : 'h-full min-h-[240px] flex-1 py-10 px-6',\n className,\n )}\n >\n <div\n className={cn(\n 'flex flex-col items-center text-center',\n isInline ? 'gap-3 max-w-md' : 'gap-4 max-w-2xl @md:gap-5 @lg:gap-6',\n )}\n >\n <div\n className={cn(\n 'rounded-full bg-accent2/10 text-accent2 flex items-center justify-center',\n isInline\n ? 'h-10 w-10 [&>svg]:h-5 [&>svg]:w-5'\n : 'h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10',\n )}\n >\n <AlertTriangle />\n </div>\n <h3\n className={cn(\n 'font-medium text-neutral6',\n isInline ? 'text-ui-md' : 'text-ui-lg @md:text-header-md @lg:text-header-lg',\n )}\n >\n {title ?? 'Something went wrong'}\n </h3>\n <p className={cn('text-neutral3', isInline ? 'text-ui-sm' : 'text-ui-md @lg:text-ui-lg')}>\n {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n </p>\n <p\n className={cn(\n 'font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2',\n isInline ? 'text-ui-xs' : 'text-ui-sm',\n )}\n >\n {error.message}\n </p>\n <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n <Button variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n Try again\n </Button>\n <Button variant=\"default\" size={isInline ? 'sm' : 'lg'} onClick={() => window.location.reload()}>\n Reload page\n </Button>\n <Button\n as=\"a\"\n variant=\"default\"\n size={isInline ? 'sm' : 'lg'}\n href=\"https://github.com/mastra-ai/mastra/issues\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Report issue\n </Button>\n </div>\n {stack ? (\n <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n <summary className=\"cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4\">\n Show error details\n </summary>\n <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words\">\n {stack}\n </pre>\n </details>\n ) : null}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { B as Button } from './Button-
|
|
2
|
+
import { B as Button } from './Button-DUxP65eY.js';
|
|
3
3
|
import { c as cn } from './cn-BakJzhuv.js';
|
|
4
4
|
import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
|
|
5
5
|
|
|
@@ -86,4 +86,4 @@ const Notice = Object.assign(NoticeRoot, {
|
|
|
86
86
|
});
|
|
87
87
|
|
|
88
88
|
export { Notice as N };
|
|
89
|
-
//# sourceMappingURL=Notice-
|
|
89
|
+
//# sourceMappingURL=Notice-BJ6lke5l.js.map
|