refactor(stage-ui,ui): promote Callout to ui package

packages/stage-pages/src/pages/devtools/beat-sync.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { BeatSyncStyleName } from '../../../../stage-ui/src/composables/live2d/beat-sync'
 
-import { Callout, Section } from '@proj-airi/stage-ui/components'
+import { Section } from '@proj-airi/stage-ui/components'
-import { Button, FieldCheckbox, FieldRange, FieldSelect } from '@proj-airi/ui'
+import { Button, Callout, FieldCheckbox, FieldRange, FieldSelect } from '@proj-airi/ui'
 import { useRafFn } from '@vueuse/core'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 

packages/stage-pages/src/pages/devtools/context-flow.vue

@@ -4,11 +4,11 @@ import type { ChatStreamEvent, ContextMessage } from '@proj-airi/stage-ui/types/
 
 import { errorMessageFrom } from '@moeru/std'
 import { ContextUpdateStrategy } from '@proj-airi/server-sdk'
-import { Callout, Section } from '@proj-airi/stage-ui/components'
+import { Section } from '@proj-airi/stage-ui/components'
 import { useCharacterOrchestratorStore } from '@proj-airi/stage-ui/stores/character-orchestrator'
 import { CHAT_STREAM_CHANNEL_NAME, CONTEXT_CHANNEL_NAME, useChatStore } from '@proj-airi/stage-ui/stores/chat'
 import { useModsServerChannelStore } from '@proj-airi/stage-ui/stores/mods/api/channel-server'
-import { Button, FieldCheckbox, FieldInput, FieldTextArea, Input, SelectTab } from '@proj-airi/ui'
+import { Button, Callout, FieldCheckbox, FieldInput, FieldTextArea, Input, SelectTab } from '@proj-airi/ui'
 import { useBroadcastChannel } from '@vueuse/core'
 import { nanoid } from 'nanoid'
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'

packages/stage-pages/src/pages/devtools/markdown-stress.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ButtonBar, Callout, Section } from '@proj-airi/stage-ui/components'
+import { ButtonBar, Section } from '@proj-airi/stage-ui/components'
 import { useMarkdownStressStore } from '@proj-airi/stage-ui/stores/markdown-stress'
+import { Callout } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'

packages/stage-pages/src/pages/settings/scene/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Callout } from '@proj-airi/stage-ui/components'
+import { Callout } from '@proj-airi/ui'
 </script>
 
 <template>

packages/stage-pages/src/pages/v2/settings/providers/edit/[providerId]/index.vue

@@ -6,7 +6,6 @@ import type { $ZodType } from 'zod/v4/core'
 import { merge } from '@moeru/std'
 import {
   Alert,
-  Callout,
   ProviderAccountIdInput,
   ProviderAdvancedSettings,
   ProviderApiKeyInput,
@@ -18,7 +17,7 @@ import {
 } from '@proj-airi/stage-ui/components'
 import { getDefinedProvider, getSchemaDefault, getValidatorsOfProvider, validateProvider } from '@proj-airi/stage-ui/libs'
 import { useProviderCatalogStore } from '@proj-airi/stage-ui/stores/provider-catalog'
-import { Button, FieldInput, FieldKeyValues } from '@proj-airi/ui'
+import { Button, Callout, FieldInput, FieldKeyValues } from '@proj-airi/ui'
 import { refManualReset, useDebounceFn } from '@vueuse/core'
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from 'reka-ui'
 import { computed, onMounted, ref, watch } from 'vue'

packages/stage-ui/src/components/layouts/Callout.story.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Callout from './Callout.vue'
+import { Callout } from '@proj-airi/ui'
 </script>
 
 <template>

packages/stage-ui/src/components/layouts/index.ts

@@ -1,7 +1,5 @@
 export * from './backgrounds'
-export { default as Callout } from './Callout.vue'
 export { default as PageHeader } from './PageHeader.vue'
 export * from './ripple-grid'
 export { default as Section } from './Section.vue'
 export * from './splitpanes'
-export { default as Tabs } from './Tabs.vue'

packages/stage-ui/src/components/misc/WIP.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
+import { Callout } from '@proj-airi/ui'
 import { useI18n } from 'vue-i18n'
 
-import Callout from '../layouts/Callout.vue'
-
 const { t } = useI18n()
 </script>
 

packages/stage-ui/src/components/scenarios/dialogs/audio-input/hearing-config.vue

@@ -1,9 +1,7 @@
 <script setup lang="ts">
-import { FieldSelect } from '@proj-airi/ui'
+import { Callout, FieldSelect } from '@proj-airi/ui'
 import { computed } from 'vue'
 
-import Callout from '../../../layouts/Callout.vue'
-
 const props = withDefaults(defineProps<{
   enabled?: boolean
   granted?: boolean

packages/stage-ui/src/components/scenarios/dialogs/onboarding/step-provider-configuration.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { Button, FieldInput } from '@proj-airi/ui'
+import { Button, Callout, FieldInput } from '@proj-airi/ui'
 import { computed, inject, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { useProvidersStore } from '../../../../stores/providers'
-import { Callout } from '../../../layouts'
 import { Alert } from '../../../misc'
 import { ProviderAccountIdInput } from '../../../scenarios/providers'
 import { OnboardingContextKey } from './utils'

packages/stage-ui/src/components/scenarios/settings/model-settings/VRM.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import { useModelStore } from '@proj-airi/stage-ui-three'
-import { Button, SelectTab } from '@proj-airi/ui'
+import { Button, Callout, SelectTab } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import { Container, PropertyColor, PropertyNumber, PropertyPoint } from '../../../data-pane'
-import { Callout } from '../../../layouts'
 import { ColorPalette } from '../../../widgets'
 
 defineProps<{

packages/stage-ui/src/components/scenarios/settings/model-settings/index.vue

@@ -2,12 +2,11 @@
 import type { DisplayModel } from '../../../../stores/display-models'
 
 import { ThreeScene, useModelStore } from '@proj-airi/stage-ui-three'
-import { Button } from '@proj-airi/ui'
+import { Button, Callout } from '@proj-airi/ui'
 import { useMouse } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { ref, watch } from 'vue'
 
-import Callout from '../../../layouts/Callout.vue'
 import Live2DScene from '../../../scenes/Live2D.vue'
 import Live2D from './Live2D.vue'
 import VRM from './VRM.vue'

packages/ui/src/components/Misc/index.ts

@@ -1,2 +1,3 @@
 export { default as Button } from './Button.vue'
+export { default as Callout } from './Callout.vue'
 export { default as DoubleCheckButton } from './DoubleCheckButton.vue'