@streamscloud/embeddable 15.1.0-1770823267010 → 16.0.0

package/dist/media-center/media-center/header/media-center-header-mobile.svelte

@@ -1,9 +1,9 @@
-<script lang="ts">import { Icon } from '../../../ui/icon';
-import { MediaCenterHeaderLocalization } from './media-center-header-localization';
+<script lang="ts">import { MediaCenterHeaderLocalization } from './media-center-header-localization';
 import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg?raw';
 import IconLayoutColumnOneThirdLeft from '@fluentui/svg-icons/icons/layout_column_one_third_left_20_regular.svg?raw';
-let { context, locale = 'en', on } = $props();
-const localization = $derived(new MediaCenterHeaderLocalization(locale));
+import { Icon } from '@streamscloud/kit/ui/icon';
+let { context, on } = $props();
+const localization = new MediaCenterHeaderLocalization();
 const headerMounted = (node) => {
     const heightResizeObserver = new ResizeObserver(() => {
         const headerHeight = node.clientHeight;
@@ -63,9 +63,9 @@ const headerMounted = (node) => {
   display: flex;
   justify-content: center;
   align-items: center;
-  --icon--size: 1.625rem;
-  --icon--color: var(--sc-mc-color--icon-overlay);
-  --icon--filter: var(--sc-mc-color--icon-overlay-shadow);
+  --sc-kit--icon--size: 1.625rem;
+  --sc-kit--icon--color: var(--sc-mc-color--icon-overlay);
+  --sc-kit--icon--filter: var(--sc-mc-color--icon-overlay-shadow);
   line-height: 0;
 }
 .media-center-header-mobile__button--hidden {

package/dist/media-center/media-center/header/media-center-header-mobile.svelte.d.ts

@@ -1,14 +1,10 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { MediaCenterContext } from '../media-center-context.svelte';
+type Props = {
+    context: MediaCenterContext;
+    on: {
+        headerHeightChanged: (height: number) => void;
     };
-    slots: {};
 };
-export type MediaCenterHeaderMobileProps = typeof __propDef.props;
-export type MediaCenterHeaderMobileEvents = typeof __propDef.events;
-export type MediaCenterHeaderMobileSlots = typeof __propDef.slots;
-export default class MediaCenterHeaderMobile extends SvelteComponentTyped<MediaCenterHeaderMobileProps, MediaCenterHeaderMobileEvents, MediaCenterHeaderMobileSlots> {
-}
-export {};
+declare const MediaCenterHeaderMobile: import("svelte").Component<Props, {}, "">;
+type MediaCenterHeaderMobile = ReturnType<typeof MediaCenterHeaderMobile>;
+export default MediaCenterHeaderMobile;

package/dist/media-center/media-center/header/media-center-header.svelte

@@ -1,7 +1,4 @@
-<script lang="ts">import { horizontalWheelScroll } from '../../../core/actions';
-import { Icon } from '../../../ui/icon';
-import { PlayerButtons } from '../../../ui/player/button';
-import { MediaCenterHeaderLocalization } from './media-center-header-localization';
+<script lang="ts">import { MediaCenterHeaderLocalization } from './media-center-header-localization';
 import IconCart from '@fluentui/svg-icons/icons/cart_20_regular.svg?raw';
 import IconDismiss from '@fluentui/svg-icons/icons/dismiss_28_regular.svg?raw';
 import IconPerson from '@fluentui/svg-icons/icons/person_20_regular.svg?raw';
@@ -9,11 +6,14 @@ import IconPhone from '@fluentui/svg-icons/icons/phone_20_regular.svg?raw';
 import IconReOrderDotsHorizontal from '@fluentui/svg-icons/icons/re_order_dots_horizontal_20_regular.svg?raw';
 import IconScreenSearch from '@fluentui/svg-icons/icons/screen_search_20_regular.svg?raw';
 import IconSearch from '@fluentui/svg-icons/icons/search_20_regular.svg?raw';
+import { horizontalWheelScroll } from '@streamscloud/kit/core/actions';
+import { Icon } from '@streamscloud/kit/ui/icon';
+import { PlayerButtons } from '@streamscloud/kit/ui/player/buttons';
 const SCROLL_MASK_OFFSET = 32;
 const HEADER_CONTENT_MAX_WIDTH = 1180;
 const HEADER_SIDE_SPACER_MIN_WIDTH = 30;
 let { context, on, dynamicActions } = $props();
-const localization = $derived(new MediaCenterHeaderLocalization(context.locale));
+const localization = new MediaCenterHeaderLocalization();
 let headerRef = $state(null);
 let scrollAreaRef = $state(null);
 const headerMounted = (node) => {
@@ -353,14 +353,14 @@ const updateScrollShadows = (scrollArea) => {
   background-color: var(--_media-center-header--button-color);
 }
 .control-button__icon {
-  --icon--size: 1rem;
+  --sc-kit--icon--size: 1rem;
   line-height: 0;
 }
 .control-button__icon--trigger {
-  --icon--size: 1.5rem;
+  --sc-kit--icon--size: 1.5rem;
 }
 .control-button__icon--active {
-  --icon--stroke-width: 0.2;
+  --sc-kit--icon--stroke-width: 0.2;
 }
 .control-button__value {
   font-size: 0.875rem;
@@ -382,8 +382,8 @@ const updateScrollShadows = (scrollArea) => {
 }
 
 .close-button {
-  --player-button--color: var(--sc-player--button);
-  --player-button--color--inactive: var(--sc-player--button-inactive);
+  --sc-kit--player-button--color: var(--sc-player--button);
+  --sc-kit--player-button--color--inactive: var(--sc-player--button-inactive);
   justify-self: flex-end;
   flex-shrink: 0;
   padding-block: 0.9375rem;

package/dist/media-center/media-center/header/media-center-header.svelte.d.ts

@@ -1,14 +1,12 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { MediaCenterContext } from '../media-center-context.svelte';
+import type { Snippet } from 'svelte';
+type Props = {
+    context: MediaCenterContext;
+    on: {
+        headerHeightChanged: (height: number) => void;
     };
-    slots: {};
+    dynamicActions?: Snippet;
 };
-export type MediaCenterHeaderProps = typeof __propDef.props;
-export type MediaCenterHeaderEvents = typeof __propDef.events;
-export type MediaCenterHeaderSlots = typeof __propDef.slots;
-export default class MediaCenterHeader extends SvelteComponentTyped<MediaCenterHeaderProps, MediaCenterHeaderEvents, MediaCenterHeaderSlots> {
-}
-export {};
+declare const MediaCenterHeader: import("svelte").Component<Props, {}, "">;
+type MediaCenterHeader = ReturnType<typeof MediaCenterHeader>;
+export default MediaCenterHeader;

package/dist/media-center/media-center/media-center-context.svelte.d.ts

@@ -42,7 +42,7 @@ export declare class MediaCenterContext {
     };
     get membershipHandler(): import("..").IMediaCenterMembershipHandler | null;
     get categoriesFollowingHandler(): import("..").IContentCategoryFollowingHandler | null;
-    get locale(): import("../../core/locale").Locale;
+    get locale(): Locale;
     toggleMenu: () => void;
     showMenu: () => void;
     hideMenu: () => void;

package/dist/media-center/media-center/media-center-context.svelte.js

@@ -1,5 +1,4 @@
 import { brandColors } from '../../core/theme';
-import { Utils } from '../../core/utils';
 import { DiscoverViewHandler } from './discover';
 import { CategoriesHandler, MediaCenterContentHandler, MediaCenterSettingsHandler } from './handlers';
 import { PopularStreamsPanelHandler } from './menu';
@@ -7,6 +6,7 @@ import { MomentsFeedHandler } from './moments';
 import { PostsFeedHandler } from './posts-feed';
 import { StreamsFeedHandler } from './streams-feed';
 import { StreamsInCategoryPanelHandler } from './streams-in-category';
+import { Utils } from '@streamscloud/kit/core/utils';
 import { untrack } from 'svelte';
 import { SvelteSet } from 'svelte/reactivity';
 export class MediaCenterContext {

package/dist/media-center/media-center/media-center-settings.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Locale } from '../../core/locale';
 import type { ThemeValue } from '../../core/theme';
 import type { MediaCenterState } from '..';
 import type { IMediaCenterSettings } from './types';
+import type { Locale } from '@streamscloud/kit/locale';
 export declare class MediaCenterSettings {
     locale: Locale;
     showStreamsCloudWatermark: boolean;

package/dist/media-center/media-center/media-center-view.svelte

@@ -1,13 +1,13 @@
-<script lang="ts">import { Utils } from '../../core/utils';
-import { default as PostsPlayerView } from '../../posts/posts-player/posts-player-view.svelte';
+<script lang="ts">import { default as PostsPlayerView } from '../../posts/posts-player/posts-player-view.svelte';
 import { default as StreamsPlayerView } from '../../streams/streams-player/streams-player-view.svelte';
-import { Loading } from '../../ui/loading';
 import { DiscoverPanel } from './discover';
 import { MediaCenterFooter } from './footer';
 import { MediaCenterHeader, MediaCenterHeaderMobile } from './header';
 import { MediaCenterContext } from './media-center-context.svelte';
 import { Menu } from './menu';
 import { StreamsInCategoryPanel } from './streams-in-category';
+import { Utils } from '@streamscloud/kit/core/utils';
+import { Loading } from '@streamscloud/kit/ui/loading';
 import { fade } from 'svelte/transition';
 let { context, dynamicActions } = $props();
 let headerHeight = $state(0);

package/dist/media-center/media-center/media-center-view.svelte.d.ts

@@ -1,14 +1,9 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import { MediaCenterContext } from './media-center-context.svelte';
+import type { Snippet } from 'svelte';
+type Props = {
+    context: MediaCenterContext;
+    dynamicActions?: Snippet;
 };
-export type MediaCenterViewProps = typeof __propDef.props;
-export type MediaCenterViewEvents = typeof __propDef.events;
-export type MediaCenterViewSlots = typeof __propDef.slots;
-export default class MediaCenterView extends SvelteComponentTyped<MediaCenterViewProps, MediaCenterViewEvents, MediaCenterViewSlots> {
-}
-export {};
+declare const MediaCenterView: import("svelte").Component<Props, {}, "">;
+type MediaCenterView = ReturnType<typeof MediaCenterView>;
+export default MediaCenterView;

package/dist/media-center/media-center/menu/category-following-wrapper.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">import { Icon } from '../../../ui/icon';
-import IconStarFilled from '@fluentui/svg-icons/icons/star_20_filled.svg?raw';
+<script lang="ts">import IconStarFilled from '@fluentui/svg-icons/icons/star_20_filled.svg?raw';
 import IconStar from '@fluentui/svg-icons/icons/star_20_regular.svg?raw';
+import { Icon } from '@streamscloud/kit/ui/icon';
 import { onMount } from 'svelte';
 let { categoryId, followingHandler, children, invertedOrientation } = $props();
 let isFollowedStore = $state.raw({
@@ -44,8 +44,8 @@ const handleToggleFollow = async (e) => {
   flex-direction: row-reverse;
 }
 .desktop-category-following-wrapper__toggle-button {
-  --icon--size: 1rem;
-  --icon--color: #00b8d8;
+  --sc-kit--icon--size: 1rem;
+  --sc-kit--icon--color: #00b8d8;
   height: max-content;
   line-height: 0;
 }</style>

package/dist/media-center/media-center/menu/category-following-wrapper.svelte.d.ts

@@ -1,14 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { MediaCenterContext } from '../media-center-context.svelte';
+import { type Snippet } from 'svelte';
+type Props = {
+    categoryId: string;
+    followingHandler?: MediaCenterContext['categoriesFollowingHandler'];
+    children: Snippet;
+    invertedOrientation?: boolean;
 };
-export type CategoryFollowingWrapperProps = typeof __propDef.props;
-export type CategoryFollowingWrapperEvents = typeof __propDef.events;
-export type CategoryFollowingWrapperSlots = typeof __propDef.slots;
-export default class CategoryFollowingWrapper extends SvelteComponentTyped<CategoryFollowingWrapperProps, CategoryFollowingWrapperEvents, CategoryFollowingWrapperSlots> {
-}
-export {};
+declare const CategoryFollowingWrapper: import("svelte").Component<Props, {}, "">;
+type CategoryFollowingWrapper = ReturnType<typeof CategoryFollowingWrapper>;
+export default CategoryFollowingWrapper;

package/dist/media-center/media-center/menu/menu-localization.d.ts

@@ -1,10 +1,7 @@
-import { type Locale } from '../../../core/locale';
 export declare class MenuLocalization {
-    interestsSectionTitle: string;
-    popularStreamsSectionTitle: string;
-    discoverLabel: string;
-    feedLabel: string;
-    membersLabel: (count: number) => string;
-    locale: Locale;
-    constructor(locale: Locale);
+    get interestsSectionTitle(): string;
+    get popularStreamsSectionTitle(): string;
+    get discoverLabel(): string;
+    get feedLabel(): string;
+    get membersLabel(): (count: number) => string;
 }

package/dist/media-center/media-center/menu/menu-localization.js

@@ -1,18 +1,19 @@
-import {} from '../../../core/locale';
+import { getLocale } from '@streamscloud/kit/locale';
 export class MenuLocalization {
-    interestsSectionTitle;
-    popularStreamsSectionTitle;
-    discoverLabel;
-    feedLabel;
-    membersLabel;
-    locale;
-    constructor(locale) {
-        this.interestsSectionTitle = loc.interestsSectionTitle[locale];
-        this.popularStreamsSectionTitle = loc.popularStreamsSectionTitle[locale];
-        this.discoverLabel = loc.discoverLabel[locale];
-        this.feedLabel = loc.feedLabel[locale];
-        this.membersLabel = loc.membersLabel[locale];
-        this.locale = locale;
+    get interestsSectionTitle() {
+        return loc.interestsSectionTitle[getLocale()];
+    }
+    get popularStreamsSectionTitle() {
+        return loc.popularStreamsSectionTitle[getLocale()];
+    }
+    get discoverLabel() {
+        return loc.discoverLabel[getLocale()];
+    }
+    get feedLabel() {
+        return loc.feedLabel[getLocale()];
+    }
+    get membersLabel() {
+        return loc.membersLabel[getLocale()];
     }
 }
 const loc = {

package/dist/media-center/media-center/menu/menu.svelte

@@ -1,17 +1,17 @@
-<script lang="ts">import { slideHorizontally } from '../../../core/transitions';
-import { compactNumber } from '../../../core/utils/compact-number';
-import { StreamCard } from '../../../streams/stream-card';
-import { Icon } from '../../../ui/icon';
-import { ImageRound } from '../../../ui/image';
-import { LineClamp } from '../../../ui/line-clamp';
+<script lang="ts">import { StreamCard } from '../../../streams/stream-card';
 import { MomentsCircle } from '../moments';
 import { default as ButtonWrapper } from './category-following-wrapper.svelte';
 import { MenuLocalization } from './menu-localization';
 import IconChevronDownFilled from '@fluentui/svg-icons/icons/chevron_down_20_filled.svg?raw';
 import IconChevronRightFilled from '@fluentui/svg-icons/icons/chevron_right_20_filled.svg?raw';
+import { slideHorizontally } from '@streamscloud/kit/core/transitions';
+import { compactNumber } from '@streamscloud/kit/core/utils';
+import { Icon } from '@streamscloud/kit/ui/icon';
+import { ImageRound } from '@streamscloud/kit/ui/image';
+import { LineClamp } from '@streamscloud/kit/ui/line-clamp';
 import { slide } from 'svelte/transition';
 let { context, on } = $props();
-const localization = $derived(new MenuLocalization(context.locale));
+const localization = new MenuLocalization();
 const target = $derived.by(() => context.model);
 const generateCategoriesMap = () => {
     const expanded = {};
@@ -38,15 +38,15 @@ const handleCategoryExpaned = (e, categoryId) => {
       </div>
       <div class="media-center-target__info">
         <div class="media-center-target__name">
-          <LineClamp maxLines={1} locale={context.locale}>
+          <LineClamp maxLines={1}>
             {target.name}
           </LineClamp>
         </div>
         {#if target.communityFeatures && target.communityFeatures.membersCount}
-          <LineClamp maxLines={1} locale={context.locale}>
+          <LineClamp maxLines={1}>
             <div class="media-center-target__members">
               <span class="media-center-target__members-count">
-                {compactNumber(target.communityFeatures.membersCount, { locale: localization.locale })}
+                {compactNumber(target.communityFeatures.membersCount)}
               </span>
               <span class="media-center-target__members-label">
                 {localization.membersLabel(target.communityFeatures.membersCount)}
@@ -296,8 +296,8 @@ const handleCategoryExpaned = (e, categoryId) => {
   text-overflow: ellipsis;
 }
 .menu-item__collapser {
-  --icon--color: var(--sc-mc-color--text-primary);
-  --icon--size: 1rem;
+  --sc-kit--icon--color: var(--sc-mc-color--text-primary);
+  --sc-kit--icon--size: 1rem;
   padding: 0.5rem;
 }
 .menu-item__collapser--hidden {

package/dist/media-center/media-center/menu/menu.svelte.d.ts

@@ -1,14 +1,13 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { StreamPlayerModel } from '../../../streams/streams-player';
+import type { MediaCenterContext } from '../media-center-context.svelte';
+type Props = {
+    context: MediaCenterContext;
+    on: {
+        categorySelected: (categoryId: string) => void;
+        streamSelected: (stream: StreamPlayerModel) => void;
+        resetModeRequested: () => void;
     };
-    slots: {};
 };
-export type MenuProps = typeof __propDef.props;
-export type MenuEvents = typeof __propDef.events;
-export type MenuSlots = typeof __propDef.slots;
-export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
-}
-export {};
+declare const Menu: import("svelte").Component<Props, {}, "">;
+type Menu = ReturnType<typeof Menu>;
+export default Menu;

package/dist/media-center/media-center/moments/cmp.moments-circle.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { ImageRound } from '../../../ui/image';
+<script lang="ts">import { ImageRound } from '@streamscloud/kit/ui/image';
 let { context } = $props();
 const handler = $derived(context.momentsFeedHandler);
 const handleClick = () => {
@@ -30,9 +30,9 @@ const handleClick = () => {
   max-height: 6.25%rem;
 }
 .moments-circle--has-unwatched {
-  --image--rounded--inner--border-width: 1px;
-  --image--rounded--outer--border-color: var(--_moments-circle--brand-color);
-  --image--rounded--outer--border-width: 2px;
+  --sc-kit--image--rounded--inner--border-width: 1px;
+  --sc-kit--image--rounded--outer--border-color: var(--_moments-circle--brand-color);
+  --sc-kit--image--rounded--outer--border-width: 2px;
 }
 .moments-circle--clickable {
   cursor: pointer;

package/dist/media-center/media-center/moments/cmp.moments-circle.svelte.d.ts

@@ -1,14 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { MediaCenterContext } from '../media-center-context.svelte';
+type Props = {
+    context: MediaCenterContext;
 };
-export type CmpProps = typeof __propDef.props;
-export type CmpEvents = typeof __propDef.events;
-export type CmpSlots = typeof __propDef.slots;
-export default class Cmp extends SvelteComponentTyped<CmpProps, CmpEvents, CmpSlots> {
-}
-export {};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/media-center/media-center/moments/moments-feed-handler.svelte.d.ts

@@ -2,9 +2,9 @@ import type { IMediaCenterDataProvider } from '../../config/types';
 import type { MediaCenterState } from '../../navigation';
 import type { PostPlayerModel, PostsPlayerProps, PostManagementActions } from '../../../posts/posts-player/types';
 import type { ICloseOrchestrator } from '../../../ui/player/close-orchestrator';
-import type { IPlayerBuffer } from '../../../ui/player/providers';
 import { MomentsState } from './moments-state.svelte';
 import { MediaCenterContentHandler, MediaCenterSettingsHandler } from '../handlers';
+import { type IPlayerBuffer } from '@streamscloud/kit/ui/player/providers';
 export declare class MomentsFeedHandler {
     momentsState: MomentsState;
     private _active;

package/dist/media-center/media-center/moments/moments-feed-handler.svelte.js

@@ -1,7 +1,7 @@
 import { PostType } from '../../../core/enums';
-import { initBufferFromProvider } from '../../../ui/player/providers/service';
 import { MomentsState } from './moments-state.svelte';
 import { MediaCenterContentHandler, MediaCenterSettingsHandler } from '../handlers';
+import { initBufferFromProvider } from '@streamscloud/kit/ui/player/providers';
 export class MomentsFeedHandler {
     momentsState;
     _active = $state(false);

package/dist/media-center/media-center/moments/moments-state.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { IMediaCenterDataProvider } from '../..';
 import { type PostPlayerModel } from '../../../posts/posts-player';
-import type { IChunksPlayerDataProvider } from '../../../ui/player/providers';
+import type { IChunksPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export declare class MomentsState {
     private readonly dataProvider;
     private momentsSeenLocally;

package/dist/media-center/media-center/posts-feed/feed-providers-generator.d.ts

@@ -1,7 +1,7 @@
 import type { IMediaCenterDataProvider } from '../../config/types';
 import type { PostPlayerModel } from '../../../posts/posts-player/types';
-import type { IFeedPlayerDataProvider } from '../../../ui/player/providers';
 import type { PostsFeedFilter, PostsFeedProviderInit } from './types';
+import type { IFeedPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export declare class FeedProvidersGenerator {
     private dataProvider;
     constructor(dataProvider: IMediaCenterDataProvider);

package/dist/media-center/media-center/posts-feed/feed-providers-generator.js

@@ -1,6 +1,6 @@
-import { ContinuationToken } from '../../../core/continuation-token';
-import { CursorDataLoader } from '../../../core/data-loaders';
 import { PostType } from '../../../core/enums';
+import { ContinuationToken } from '@streamscloud/kit/core';
+import { CursorDataLoader } from '@streamscloud/kit/core/data-loaders';
 const SUPPORTED_POST_TYPES = [PostType.Article, PostType.Media, PostType.ShortVideo, PostType.Video];
 export class FeedProvidersGenerator {
     dataProvider;

package/dist/media-center/media-center/posts-feed/posts-feed-handler.svelte.d.ts

@@ -2,9 +2,9 @@ import type { IMediaCenterDataProvider } from '../../config/types';
 import type { MediaCenterState } from '../../navigation';
 import type { PostManagementActions, PostPlayerModel, PostsPlayerProps } from '../../../posts/posts-player/types';
 import type { ICloseOrchestrator } from '../../../ui/player/close-orchestrator';
-import type { IPlayerBuffer, IPlayerDataProvider } from '../../../ui/player/providers';
 import { MediaCenterContentHandler, MediaCenterSettingsHandler } from '../handlers';
 import type { PostsFeedFilter, PostsFeedProviderInit } from './types';
+import { type IPlayerBuffer, type IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export declare class PostsFeedHandler {
     private _state;
     private _providersGenerator;

package/dist/media-center/media-center/posts-feed/posts-feed-handler.svelte.js

@@ -1,8 +1,8 @@
 import { PostType } from '../../..';
-import { Utils } from '../../../core/utils';
-import { initBufferFromProvider } from '../../../ui/player/providers/service';
 import { MediaCenterContentHandler, MediaCenterSettingsHandler } from '../handlers';
 import { FeedProvidersGenerator } from './feed-providers-generator';
+import { Utils } from '@streamscloud/kit/core/utils';
+import { initBufferFromProvider } from '@streamscloud/kit/ui/player/providers';
 export class PostsFeedHandler {
     _state = $state('inactive');
     _providersGenerator;

package/dist/media-center/media-center/streams-feed/feed-providers-generator.js

@@ -1,5 +1,5 @@
-import { ContinuationToken } from '../../../core/continuation-token';
-import { CursorDataLoader } from '../../../core/data-loaders';
+import { ContinuationToken } from '@streamscloud/kit/core';
+import { CursorDataLoader } from '@streamscloud/kit/core/data-loaders';
 export class FeedProvidersGenerator {
     dataProvider;
     constructor(dataProvider) {

package/dist/media-center/media-center/streams-feed/streams-feed-handler.svelte.js

@@ -1,7 +1,7 @@
-import { Utils } from '../../../core/utils';
 import { StreamsPlayerBuffer } from '../../../streams/streams-player/streams-player-buffer.svelte';
 import { MediaCenterContentHandler, MediaCenterSettingsHandler } from '../handlers';
 import { FeedProvidersGenerator } from './feed-providers-generator';
+import { Utils } from '@streamscloud/kit/core/utils';
 export class StreamsFeedHandler {
     _state = $state('inactive');
     _providersGenerator;

package/dist/media-center/media-center/streams-in-category/streams-in-category-panel.svelte.d.ts

@@ -1,14 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
+import { StreamsInCategoryPanelHandler } from './streams-in-category-panel-handler.svelte';
+type Props = {
+    handler: StreamsInCategoryPanelHandler;
+    on: {
+        streamSelected: (streamId: string, categoryId: string, streams: StreamPlayerModel[]) => void;
     };
-    slots: {};
 };
-export type StreamsInCategoryPanelProps = typeof __propDef.props;
-export type StreamsInCategoryPanelEvents = typeof __propDef.events;
-export type StreamsInCategoryPanelSlots = typeof __propDef.slots;
-export default class StreamsInCategoryPanel extends SvelteComponentTyped<StreamsInCategoryPanelProps, StreamsInCategoryPanelEvents, StreamsInCategoryPanelSlots> {
-}
-export {};
+declare const StreamsInCategoryPanel: import("svelte").Component<Props, {}, "">;
+type StreamsInCategoryPanel = ReturnType<typeof StreamsInCategoryPanel>;
+export default StreamsInCategoryPanel;

package/dist/media-center/media-center/types.d.ts

@@ -1,8 +1,8 @@
-import type { Locale } from '../../core/locale';
 import type { MediaCenterState } from '../navigation';
 import type { PostPlayerModel, PostsPlayerProps } from '../../posts/posts-player/types';
 import type { IStreamsPlayerDataProvider, StreamAmplificationParameters, StreamsPlayerProps } from '../../streams/streams-player/types';
-import type { IPlayerDataProvider } from '../../ui/player/providers';
+import type { Locale } from '@streamscloud/kit/locale';
+import type { IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export type MediaCenterMode = 'discover' | 'posts-feed' | 'streams-feed' | 'moments';
 export type MediaCenterCategoryData = {
     id: string;

package/dist/media-page/cmp.media-page.svelte

@@ -1,5 +1,4 @@
-<script lang="ts">import { Toastr } from '../core/toastr';
-import { MediaCenterProxy } from '../media-center/media-center';
+<script lang="ts">import { MediaCenterProxy } from '../media-center/media-center';
 import { MediaCenterSettings } from '../media-center/media-center/media-center-settings.svelte';
 import { CloseOrchestrator } from '../ui/player/close-orchestrator';
 import { createShadowRoot } from '../ui/shadow-dom';
@@ -10,7 +9,6 @@ $effect(() => {
     settingsHolder.update(settings);
 });
 const initHost = (node) => {
-    Toastr.success('Media page loaded — toast from kit works!');
     const shadowRoot = createShadowRoot(node);
     const mounted = mount(MediaCenterProxy, {
         target: shadowRoot,

package/dist/media-page/cmp.media-page.svelte.d.ts

@@ -1,14 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { IMediaCenterDataProvider } from '../media-center';
+import type { IMediaCenterSettings } from '../media-center/media-center/types';
+import { type Snippet } from 'svelte';
+type Props = {
+    dataProvider: IMediaCenterDataProvider;
+    settings?: IMediaCenterSettings;
+    dynamicActions?: Snippet;
 };
-export type CmpProps = typeof __propDef.props;
-export type CmpEvents = typeof __propDef.events;
-export type CmpSlots = typeof __propDef.slots;
-export default class Cmp extends SvelteComponentTyped<CmpProps, CmpEvents, CmpSlots> {
-}
-export {};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/media-page/index.d.ts

@@ -1,10 +1,10 @@
-import type { Locale } from '../core/locale';
 import { type IMediaCenterDataProvider } from '../media-center/config/types';
 import type { MediaCenterState } from '../media-center/navigation';
 import type { PostPlayerModel } from '../posts/posts-player';
 import type { IStreamsPlayerDataProvider } from '../streams/streams-player';
 import type { StreamAmplificationParameters } from '../streams/streams-player/types';
-import type { IPlayerDataProvider } from '../ui/player/providers';
+import type { Locale } from '@streamscloud/kit/locale';
+import type { IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export { default as MediaPage } from './cmp.media-page.svelte';
 export type { IMediaCenterDataProvider };
 /**