@100mslive/roomkit-react 0.1.4-alpha.1 → 0.1.5

package/dist/Sheet/index.d.ts

@@ -0,0 +1 @@
+export { Sheet } from './Sheet';

package/dist/Theme/ThemeProvider.d.ts

@@ -4,7 +4,7 @@ export declare enum ThemeTypes {
     default = "default"
 }
 export declare type ThemeContextValue = {
-    themeType: ThemeTypes;
+    themeType: string;
     theme: Theme;
     aspectRatio: {
         width: number;
@@ -19,155 +19,14 @@ export declare type ThemeContextValue = {
     toggleTheme: (themeToUpdateTo?: ThemeTypes) => void;
 };
 export declare type ThemeProviderProps = {
-    themeType?: ThemeTypes;
+    themeType?: string;
     theme?: Theme;
     aspectRatio?: {
         width: number;
         height: number;
     };
 };
-export declare const ThemeContext: React.Context<{
-    themeType: ThemeTypes;
-    theme: string & {
-        className: string;
-        selector: string;
-    } & {
-        colors: {
-            primary_default: import("@stitches/react/types/theme").Token<"primary_default", string, "colors", "hms-ui">;
-            primary_bright: import("@stitches/react/types/theme").Token<"primary_bright", string, "colors", "hms-ui">;
-            primary_dim: import("@stitches/react/types/theme").Token<"primary_dim", string, "colors", "hms-ui">;
-            primary_disabled: import("@stitches/react/types/theme").Token<"primary_disabled", string, "colors", "hms-ui">;
-            on_primary_high: import("@stitches/react/types/theme").Token<"on_primary_high", string, "colors", "hms-ui">;
-            on_primary_medium: import("@stitches/react/types/theme").Token<"on_primary_medium", string, "colors", "hms-ui">;
-            on_primary_low: import("@stitches/react/types/theme").Token<"on_primary_low", string, "colors", "hms-ui">;
-            secondary_default: import("@stitches/react/types/theme").Token<"secondary_default", string, "colors", "hms-ui">;
-            secondary_bright: import("@stitches/react/types/theme").Token<"secondary_bright", string, "colors", "hms-ui">;
-            secondary_dim: import("@stitches/react/types/theme").Token<"secondary_dim", string, "colors", "hms-ui">;
-            secondary_disabled: import("@stitches/react/types/theme").Token<"secondary_disabled", string, "colors", "hms-ui">;
-            on_secondary_high: import("@stitches/react/types/theme").Token<"on_secondary_high", string, "colors", "hms-ui">;
-            on_secondary_medium: import("@stitches/react/types/theme").Token<"on_secondary_medium", string, "colors", "hms-ui">;
-            on_secondary_low: import("@stitches/react/types/theme").Token<"on_secondary_low", string, "colors", "hms-ui">;
-            background_default: import("@stitches/react/types/theme").Token<"background_default", string, "colors", "hms-ui">;
-            background_dim: import("@stitches/react/types/theme").Token<"background_dim", string, "colors", "hms-ui">;
-            surface_default: import("@stitches/react/types/theme").Token<"surface_default", string, "colors", "hms-ui">;
-            surface_bright: import("@stitches/react/types/theme").Token<"surface_bright", string, "colors", "hms-ui">;
-            surface_brighter: import("@stitches/react/types/theme").Token<"surface_brighter", string, "colors", "hms-ui">;
-            surface_dim: import("@stitches/react/types/theme").Token<"surface_dim", string, "colors", "hms-ui">;
-            on_surface_high: import("@stitches/react/types/theme").Token<"on_surface_high", string, "colors", "hms-ui">;
-            on_surface_medium: import("@stitches/react/types/theme").Token<"on_surface_medium", string, "colors", "hms-ui">;
-            on_surface_low: import("@stitches/react/types/theme").Token<"on_surface_low", string, "colors", "hms-ui">;
-            border_default: import("@stitches/react/types/theme").Token<"border_default", string, "colors", "hms-ui">;
-            border_bright: import("@stitches/react/types/theme").Token<"border_bright", string, "colors", "hms-ui">;
-            alert_success: import("@stitches/react/types/theme").Token<"alert_success", string, "colors", "hms-ui">;
-            alert_warning: import("@stitches/react/types/theme").Token<"alert_warning", string, "colors", "hms-ui">;
-            alert_error_default: import("@stitches/react/types/theme").Token<"alert_error_default", string, "colors", "hms-ui">;
-            alert_error_bright: import("@stitches/react/types/theme").Token<"alert_error_bright", string, "colors", "hms-ui">;
-            alert_error_brighter: import("@stitches/react/types/theme").Token<"alert_error_brighter", string, "colors", "hms-ui">;
-            alert_error_dim: import("@stitches/react/types/theme").Token<"alert_error_dim", string, "colors", "hms-ui">;
-        };
-        shadows: {
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "hms-ui">;
-        };
-        fonts: {
-            sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "hms-ui">;
-        };
-        fontSizes: {
-            h1: import("@stitches/react/types/theme").Token<"h1", string, "fontSizes", "hms-ui">;
-            h2: import("@stitches/react/types/theme").Token<"h2", string, "fontSizes", "hms-ui">;
-            h3: import("@stitches/react/types/theme").Token<"h3", string, "fontSizes", "hms-ui">;
-            h4: import("@stitches/react/types/theme").Token<"h4", string, "fontSizes", "hms-ui">;
-            h5: import("@stitches/react/types/theme").Token<"h5", string, "fontSizes", "hms-ui">;
-            h6: import("@stitches/react/types/theme").Token<"h6", string, "fontSizes", "hms-ui">;
-            tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", "hms-ui">;
-            xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "hms-ui">;
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "hms-ui">;
-            lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "hms-ui">;
-        };
-        fontWeights: {
-            semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "hms-ui">;
-            medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "hms-ui">;
-            regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "hms-ui">;
-        };
-        lineHeights: {
-            h1: import("@stitches/react/types/theme").Token<"h1", string, "lineHeights", "hms-ui">;
-            h2: import("@stitches/react/types/theme").Token<"h2", string, "lineHeights", "hms-ui">;
-            h3: import("@stitches/react/types/theme").Token<"h3", string, "lineHeights", "hms-ui">;
-            h4: import("@stitches/react/types/theme").Token<"h4", string, "lineHeights", "hms-ui">;
-            h5: import("@stitches/react/types/theme").Token<"h5", string, "lineHeights", "hms-ui">;
-            h6: import("@stitches/react/types/theme").Token<"h6", string, "lineHeights", "hms-ui">;
-            tiny: import("@stitches/react/types/theme").Token<"tiny", string, "lineHeights", "hms-ui">;
-            xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "hms-ui">;
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", "hms-ui">;
-        };
-        radii: {
-            0: import("@stitches/react/types/theme").Token<"0", string, "radii", "hms-ui">;
-            1: import("@stitches/react/types/theme").Token<"1", string, "radii", "hms-ui">;
-            2: import("@stitches/react/types/theme").Token<"2", string, "radii", "hms-ui">;
-            3: import("@stitches/react/types/theme").Token<"3", string, "radii", "hms-ui">;
-            4: import("@stitches/react/types/theme").Token<"4", string, "radii", "hms-ui">;
-            round: import("@stitches/react/types/theme").Token<"round", string, "radii", "hms-ui">;
-        };
-        space: {
-            0: import("@stitches/react/types/theme").Token<"0", string, "space", "hms-ui">;
-            xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "hms-ui">;
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "space", "hms-ui">;
-            lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "hms-ui">;
-            xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "hms-ui">;
-            px: import("@stitches/react/types/theme").Token<"px", string, "space", "hms-ui">;
-            1: import("@stitches/react/types/theme").Token<"1", string, "space", "hms-ui">;
-            2: import("@stitches/react/types/theme").Token<"2", string, "space", "hms-ui">;
-            3: import("@stitches/react/types/theme").Token<"3", string, "space", "hms-ui">;
-            4: import("@stitches/react/types/theme").Token<"4", string, "space", "hms-ui">;
-            5: import("@stitches/react/types/theme").Token<"5", string, "space", "hms-ui">;
-            6: import("@stitches/react/types/theme").Token<"6", string, "space", "hms-ui">;
-            7: import("@stitches/react/types/theme").Token<"7", string, "space", "hms-ui">;
-            8: import("@stitches/react/types/theme").Token<"8", string, "space", "hms-ui">;
-            9: import("@stitches/react/types/theme").Token<"9", string, "space", "hms-ui">;
-            10: import("@stitches/react/types/theme").Token<"10", string, "space", "hms-ui">;
-            11: import("@stitches/react/types/theme").Token<"11", string, "space", "hms-ui">;
-            12: import("@stitches/react/types/theme").Token<"12", string, "space", "hms-ui">;
-            13: import("@stitches/react/types/theme").Token<"13", string, "space", "hms-ui">;
-            14: import("@stitches/react/types/theme").Token<"14", string, "space", "hms-ui">;
-            15: import("@stitches/react/types/theme").Token<"15", string, "space", "hms-ui">;
-            16: import("@stitches/react/types/theme").Token<"16", string, "space", "hms-ui">;
-            17: import("@stitches/react/types/theme").Token<"17", string, "space", "hms-ui">;
-            18: import("@stitches/react/types/theme").Token<"18", string, "space", "hms-ui">;
-            19: import("@stitches/react/types/theme").Token<"19", string, "space", "hms-ui">;
-            20: import("@stitches/react/types/theme").Token<"20", string, "space", "hms-ui">;
-            24: import("@stitches/react/types/theme").Token<"24", string, "space", "hms-ui">;
-            28: import("@stitches/react/types/theme").Token<"28", string, "space", "hms-ui">;
-            32: import("@stitches/react/types/theme").Token<"32", string, "space", "hms-ui">;
-            36: import("@stitches/react/types/theme").Token<"36", string, "space", "hms-ui">;
-            40: import("@stitches/react/types/theme").Token<"40", string, "space", "hms-ui">;
-            44: import("@stitches/react/types/theme").Token<"44", string, "space", "hms-ui">;
-            48: import("@stitches/react/types/theme").Token<"48", string, "space", "hms-ui">;
-            52: import("@stitches/react/types/theme").Token<"52", string, "space", "hms-ui">;
-            56: import("@stitches/react/types/theme").Token<"56", string, "space", "hms-ui">;
-            60: import("@stitches/react/types/theme").Token<"60", string, "space", "hms-ui">;
-            64: import("@stitches/react/types/theme").Token<"64", string, "space", "hms-ui">;
-            72: import("@stitches/react/types/theme").Token<"72", string, "space", "hms-ui">;
-            80: import("@stitches/react/types/theme").Token<"80", string, "space", "hms-ui">;
-            96: import("@stitches/react/types/theme").Token<"96", string, "space", "hms-ui">;
-            100: import("@stitches/react/types/theme").Token<"100", string, "space", "hms-ui">;
-        };
-        borderWidths: {
-            light: import("@stitches/react/types/theme").Token<"light", string, "borderWidths", "hms-ui">;
-            normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWidths", "hms-ui">;
-            bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWidths", "hms-ui">;
-            extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWidths", "hms-ui">;
-            black: import("@stitches/react/types/theme").Token<"black", string, "borderWidths", "hms-ui">;
-        };
-    };
-    aspectRatio: {
-        width: number;
-        height: number;
-    };
-    toggleTheme: (_themeToUpdateTo?: ThemeTypes) => void;
-}>;
+export declare const ThemeContext: React.Context<ThemeContextValue>;
 /**
  * Wrap this around your root component to get access to theme
  * eg:
@@ -176,145 +35,4 @@ export declare const ThemeContext: React.Context<{
  * </ThemeProvider>
  */
 export declare const HMSThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
-export declare const useTheme: () => {
-    themeType: ThemeTypes;
-    theme: string & {
-        className: string;
-        selector: string;
-    } & {
-        colors: {
-            primary_default: import("@stitches/react/types/theme").Token<"primary_default", string, "colors", "hms-ui">;
-            primary_bright: import("@stitches/react/types/theme").Token<"primary_bright", string, "colors", "hms-ui">;
-            primary_dim: import("@stitches/react/types/theme").Token<"primary_dim", string, "colors", "hms-ui">;
-            primary_disabled: import("@stitches/react/types/theme").Token<"primary_disabled", string, "colors", "hms-ui">;
-            on_primary_high: import("@stitches/react/types/theme").Token<"on_primary_high", string, "colors", "hms-ui">;
-            on_primary_medium: import("@stitches/react/types/theme").Token<"on_primary_medium", string, "colors", "hms-ui">;
-            on_primary_low: import("@stitches/react/types/theme").Token<"on_primary_low", string, "colors", "hms-ui">;
-            secondary_default: import("@stitches/react/types/theme").Token<"secondary_default", string, "colors", "hms-ui">;
-            secondary_bright: import("@stitches/react/types/theme").Token<"secondary_bright", string, "colors", "hms-ui">;
-            secondary_dim: import("@stitches/react/types/theme").Token<"secondary_dim", string, "colors", "hms-ui">;
-            secondary_disabled: import("@stitches/react/types/theme").Token<"secondary_disabled", string, "colors", "hms-ui">;
-            on_secondary_high: import("@stitches/react/types/theme").Token<"on_secondary_high", string, "colors", "hms-ui">;
-            on_secondary_medium: import("@stitches/react/types/theme").Token<"on_secondary_medium", string, "colors", "hms-ui">;
-            on_secondary_low: import("@stitches/react/types/theme").Token<"on_secondary_low", string, "colors", "hms-ui">;
-            background_default: import("@stitches/react/types/theme").Token<"background_default", string, "colors", "hms-ui">;
-            background_dim: import("@stitches/react/types/theme").Token<"background_dim", string, "colors", "hms-ui">;
-            surface_default: import("@stitches/react/types/theme").Token<"surface_default", string, "colors", "hms-ui">;
-            surface_bright: import("@stitches/react/types/theme").Token<"surface_bright", string, "colors", "hms-ui">;
-            surface_brighter: import("@stitches/react/types/theme").Token<"surface_brighter", string, "colors", "hms-ui">;
-            surface_dim: import("@stitches/react/types/theme").Token<"surface_dim", string, "colors", "hms-ui">;
-            on_surface_high: import("@stitches/react/types/theme").Token<"on_surface_high", string, "colors", "hms-ui">;
-            on_surface_medium: import("@stitches/react/types/theme").Token<"on_surface_medium", string, "colors", "hms-ui">;
-            on_surface_low: import("@stitches/react/types/theme").Token<"on_surface_low", string, "colors", "hms-ui">;
-            border_default: import("@stitches/react/types/theme").Token<"border_default", string, "colors", "hms-ui">;
-            border_bright: import("@stitches/react/types/theme").Token<"border_bright", string, "colors", "hms-ui">;
-            alert_success: import("@stitches/react/types/theme").Token<"alert_success", string, "colors", "hms-ui">;
-            alert_warning: import("@stitches/react/types/theme").Token<"alert_warning", string, "colors", "hms-ui">;
-            alert_error_default: import("@stitches/react/types/theme").Token<"alert_error_default", string, "colors", "hms-ui">;
-            alert_error_bright: import("@stitches/react/types/theme").Token<"alert_error_bright", string, "colors", "hms-ui">;
-            alert_error_brighter: import("@stitches/react/types/theme").Token<"alert_error_brighter", string, "colors", "hms-ui">;
-            alert_error_dim: import("@stitches/react/types/theme").Token<"alert_error_dim", string, "colors", "hms-ui">;
-        };
-        shadows: {
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "hms-ui">;
-        };
-        fonts: {
-            sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "hms-ui">;
-        };
-        fontSizes: {
-            h1: import("@stitches/react/types/theme").Token<"h1", string, "fontSizes", "hms-ui">;
-            h2: import("@stitches/react/types/theme").Token<"h2", string, "fontSizes", "hms-ui">;
-            h3: import("@stitches/react/types/theme").Token<"h3", string, "fontSizes", "hms-ui">;
-            h4: import("@stitches/react/types/theme").Token<"h4", string, "fontSizes", "hms-ui">;
-            h5: import("@stitches/react/types/theme").Token<"h5", string, "fontSizes", "hms-ui">;
-            h6: import("@stitches/react/types/theme").Token<"h6", string, "fontSizes", "hms-ui">;
-            tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", "hms-ui">;
-            xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "hms-ui">;
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "hms-ui">;
-            lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "hms-ui">;
-        };
-        fontWeights: {
-            semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "hms-ui">;
-            medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "hms-ui">;
-            regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "hms-ui">;
-        };
-        lineHeights: {
-            h1: import("@stitches/react/types/theme").Token<"h1", string, "lineHeights", "hms-ui">;
-            h2: import("@stitches/react/types/theme").Token<"h2", string, "lineHeights", "hms-ui">;
-            h3: import("@stitches/react/types/theme").Token<"h3", string, "lineHeights", "hms-ui">;
-            h4: import("@stitches/react/types/theme").Token<"h4", string, "lineHeights", "hms-ui">;
-            h5: import("@stitches/react/types/theme").Token<"h5", string, "lineHeights", "hms-ui">;
-            h6: import("@stitches/react/types/theme").Token<"h6", string, "lineHeights", "hms-ui">;
-            tiny: import("@stitches/react/types/theme").Token<"tiny", string, "lineHeights", "hms-ui">;
-            xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "hms-ui">;
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", "hms-ui">;
-        };
-        radii: {
-            0: import("@stitches/react/types/theme").Token<"0", string, "radii", "hms-ui">;
-            1: import("@stitches/react/types/theme").Token<"1", string, "radii", "hms-ui">;
-            2: import("@stitches/react/types/theme").Token<"2", string, "radii", "hms-ui">;
-            3: import("@stitches/react/types/theme").Token<"3", string, "radii", "hms-ui">;
-            4: import("@stitches/react/types/theme").Token<"4", string, "radii", "hms-ui">;
-            round: import("@stitches/react/types/theme").Token<"round", string, "radii", "hms-ui">;
-        };
-        space: {
-            0: import("@stitches/react/types/theme").Token<"0", string, "space", "hms-ui">;
-            xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "hms-ui">;
-            sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "hms-ui">;
-            md: import("@stitches/react/types/theme").Token<"md", string, "space", "hms-ui">;
-            lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "hms-ui">;
-            xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "hms-ui">;
-            px: import("@stitches/react/types/theme").Token<"px", string, "space", "hms-ui">;
-            1: import("@stitches/react/types/theme").Token<"1", string, "space", "hms-ui">;
-            2: import("@stitches/react/types/theme").Token<"2", string, "space", "hms-ui">;
-            3: import("@stitches/react/types/theme").Token<"3", string, "space", "hms-ui">;
-            4: import("@stitches/react/types/theme").Token<"4", string, "space", "hms-ui">;
-            5: import("@stitches/react/types/theme").Token<"5", string, "space", "hms-ui">;
-            6: import("@stitches/react/types/theme").Token<"6", string, "space", "hms-ui">;
-            7: import("@stitches/react/types/theme").Token<"7", string, "space", "hms-ui">;
-            8: import("@stitches/react/types/theme").Token<"8", string, "space", "hms-ui">;
-            9: import("@stitches/react/types/theme").Token<"9", string, "space", "hms-ui">;
-            10: import("@stitches/react/types/theme").Token<"10", string, "space", "hms-ui">;
-            11: import("@stitches/react/types/theme").Token<"11", string, "space", "hms-ui">;
-            12: import("@stitches/react/types/theme").Token<"12", string, "space", "hms-ui">;
-            13: import("@stitches/react/types/theme").Token<"13", string, "space", "hms-ui">;
-            14: import("@stitches/react/types/theme").Token<"14", string, "space", "hms-ui">;
-            15: import("@stitches/react/types/theme").Token<"15", string, "space", "hms-ui">;
-            16: import("@stitches/react/types/theme").Token<"16", string, "space", "hms-ui">;
-            17: import("@stitches/react/types/theme").Token<"17", string, "space", "hms-ui">;
-            18: import("@stitches/react/types/theme").Token<"18", string, "space", "hms-ui">;
-            19: import("@stitches/react/types/theme").Token<"19", string, "space", "hms-ui">;
-            20: import("@stitches/react/types/theme").Token<"20", string, "space", "hms-ui">;
-            24: import("@stitches/react/types/theme").Token<"24", string, "space", "hms-ui">;
-            28: import("@stitches/react/types/theme").Token<"28", string, "space", "hms-ui">;
-            32: import("@stitches/react/types/theme").Token<"32", string, "space", "hms-ui">;
-            36: import("@stitches/react/types/theme").Token<"36", string, "space", "hms-ui">;
-            40: import("@stitches/react/types/theme").Token<"40", string, "space", "hms-ui">;
-            44: import("@stitches/react/types/theme").Token<"44", string, "space", "hms-ui">;
-            48: import("@stitches/react/types/theme").Token<"48", string, "space", "hms-ui">;
-            52: import("@stitches/react/types/theme").Token<"52", string, "space", "hms-ui">;
-            56: import("@stitches/react/types/theme").Token<"56", string, "space", "hms-ui">;
-            60: import("@stitches/react/types/theme").Token<"60", string, "space", "hms-ui">;
-            64: import("@stitches/react/types/theme").Token<"64", string, "space", "hms-ui">;
-            72: import("@stitches/react/types/theme").Token<"72", string, "space", "hms-ui">;
-            80: import("@stitches/react/types/theme").Token<"80", string, "space", "hms-ui">;
-            96: import("@stitches/react/types/theme").Token<"96", string, "space", "hms-ui">;
-            100: import("@stitches/react/types/theme").Token<"100", string, "space", "hms-ui">;
-        };
-        borderWidths: {
-            light: import("@stitches/react/types/theme").Token<"light", string, "borderWidths", "hms-ui">;
-            normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWidths", "hms-ui">;
-            bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWidths", "hms-ui">;
-            extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWidths", "hms-ui">;
-            black: import("@stitches/react/types/theme").Token<"black", string, "borderWidths", "hms-ui">;
-        };
-    };
-    aspectRatio: {
-        width: number;
-        height: number;
-    };
-    toggleTheme: (_themeToUpdateTo?: ThemeTypes) => void;
-};
+export declare const useTheme: () => ThemeContextValue;

package/dist/Theme/stitches.config.d.ts

@@ -3917,7 +3917,7 @@ export declare type Theme = typeof HmsStitches.theme;
  * @returns
  */
 export declare const createTheme: ({ themeType, theme, className, }: {
-    themeType: ThemeType;
+    themeType: string;
     className?: string | undefined;
     theme?: Partial<string & {
         className: string;

package/dist/{VirtualBackground-S3XEPZ2T.js → VirtualBackground-GGCQJ5JM.js}

@@ -1,14 +1,15 @@
 import {
-  Loading,
-  useIsFeatureEnabled
-} from "./chunk-4ZBEFSRC.js";
+  ActionTile
+} from "./chunk-P5X32KOD.js";
 import {
   FEATURE_LIST,
   IconButton_default,
+  Loading,
   Tooltip,
   __async,
-  init_define_process_env
-} from "./chunk-4NEZLVVH.js";
+  init_define_process_env,
+  useIsFeatureEnabled
+} from "./chunk-RVCZPPTL.js";
 
 // src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx
 init_define_process_env();
@@ -78,13 +79,19 @@ function getRandomVirtualBackground() {
 }
 
 // src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx
-var VirtualBackground = () => {
+var VirtualBackground = ({
+  asActionTile = false,
+  onVBClick = () => {
+    return;
+  }
+}) => {
   const pluginRef = useRef(null);
   const hmsActions = useHMSActions();
   const isAllowedToPublish = useHMSStore(selectIsAllowedToPublish);
   const role = useHMSStore(selectLocalPeerRole);
   const [isVBLoading, setIsVBLoading] = useState(false);
   const [isVBSupported, setIsVBSupported] = useState(false);
+  const [isVBOn, setIsVBOn] = useState(false);
   const localPeerVideoTrackID = useHMSStore(selectLocalVideoTrackID);
   const isVBPresent = useHMSStore(selectIsLocalVideoPluginPresent("HMSVB"));
   const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.VIDEO_PLUGINS);
@@ -131,6 +138,23 @@ var VirtualBackground = () => {
   if (!isAllowedToPublish.video || !isVBSupported || !isFeatureEnabled) {
     return null;
   }
+  if (asActionTile) {
+    return /* @__PURE__ */ React.createElement(
+      ActionTile.Root,
+      {
+        "data-testid": "virtual_bg_btn",
+        active: isVBPresent,
+        disabled: isVBLoading,
+        onClick: () => {
+          setIsVBOn(!isVBOn);
+          !isVBPresent ? addPlugin() : removePlugin();
+          onVBClick();
+        }
+      },
+      /* @__PURE__ */ React.createElement(VirtualBackgroundIcon, null),
+      /* @__PURE__ */ React.createElement(ActionTile.Title, null, "Virtual Background")
+    );
+  }
   return /* @__PURE__ */ React.createElement(
     Tooltip,
     {
@@ -156,4 +180,4 @@ export {
   VirtualBackground,
   VirtualBackground_default as default
 };
-//# sourceMappingURL=VirtualBackground-S3XEPZ2T.js.map
+//# sourceMappingURL=VirtualBackground-GGCQJ5JM.js.map

package/dist/VirtualBackground-GGCQJ5JM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx", "../src/Prebuilt/plugins/VirtualBackground/vbutils.js"],
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\nimport { HMSVirtualBackgroundTypes } from '@100mslive/hms-virtual-background';\nimport {\n  selectIsAllowedToPublish,\n  selectIsLocalVideoPluginPresent,\n  selectLocalPeerRole,\n  selectLocalVideoTrackID,\n  useHMSActions,\n  useHMSStore,\n} from '@100mslive/react-sdk';\nimport { VirtualBackgroundIcon } from '@100mslive/react-icons';\nimport { ActionTile } from '../../components/MoreSettings/ActionTile';\nimport { Loading } from '../../../Loading';\nimport { Tooltip } from '../../../Tooltip';\nimport IconButton from '../../IconButton';\nimport { useIsFeatureEnabled } from '../../components/hooks/useFeatures';\nimport { getRandomVirtualBackground } from './vbutils';\nimport { FEATURE_LIST } from '../../common/constants';\n\nexport const VirtualBackground = ({\n  asActionTile = false,\n  onVBClick = () => {\n    return;\n  },\n}) => {\n  const pluginRef = useRef(null);\n  const hmsActions = useHMSActions();\n  const isAllowedToPublish = useHMSStore(selectIsAllowedToPublish);\n  const role = useHMSStore(selectLocalPeerRole);\n  const [isVBLoading, setIsVBLoading] = useState(false);\n  const [isVBSupported, setIsVBSupported] = useState(false);\n  const [isVBOn, setIsVBOn] = useState(false);\n  const localPeerVideoTrackID = useHMSStore(selectLocalVideoTrackID);\n  const isVBPresent = useHMSStore(selectIsLocalVideoPluginPresent('HMSVB'));\n  const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.VIDEO_PLUGINS);\n\n  async function createPlugin() {\n    if (!pluginRef.current) {\n      const { HMSVBPlugin } = await import('@100mslive/hms-virtual-background');\n      pluginRef.current = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);\n    }\n  }\n  useEffect(() => {\n    if (!localPeerVideoTrackID) {\n      return;\n    }\n    createPlugin().then(() => {\n      //check support of plugin\n      const pluginSupport = hmsActions.validateVideoPluginSupport(pluginRef.current);\n      setIsVBSupported(pluginSupport.isSupported);\n    });\n  }, [hmsActions, localPeerVideoTrackID]);\n\n  async function addPlugin() {\n    setIsVBLoading(true);\n    try {\n      await createPlugin();\n      window.HMS.virtualBackground = pluginRef.current;\n      const { background, backgroundType } = getRandomVirtualBackground();\n      await pluginRef.current.setBackground(background, backgroundType);\n      await hmsActions.addPluginToVideoTrack(pluginRef.current, Math.floor(role.publishParams.video.frameRate / 2));\n    } catch (err) {\n      console.error('add virtual background plugin failed', err);\n    }\n    setIsVBLoading(false);\n  }\n\n  async function removePlugin() {\n    if (pluginRef.current) {\n      await hmsActions.removePluginFromVideoTrack(pluginRef.current);\n      pluginRef.current = null;\n    }\n  }\n\n  if (!isAllowedToPublish.video || !isVBSupported || !isFeatureEnabled) {\n    return null;\n  }\n  if (asActionTile) {\n    return (\n      <ActionTile.Root\n        data-testid=\"virtual_bg_btn\"\n        active={isVBPresent}\n        disabled={isVBLoading}\n        onClick={() => {\n          setIsVBOn(!isVBOn);\n          !isVBPresent ? addPlugin() : removePlugin();\n          onVBClick();\n        }}\n      >\n        <VirtualBackgroundIcon />\n        <ActionTile.Title>Virtual Background</ActionTile.Title>\n      </ActionTile.Root>\n    );\n  }\n\n  return (\n    <Tooltip\n      boxCss={{ zIndex: '100' }}\n      title={isVBLoading ? 'Adding virtual background' : `Turn ${!isVBPresent ? 'on' : 'off'} virtual background`}\n    >\n      <IconButton\n        active={!isVBPresent}\n        disabled={isVBLoading}\n        onClick={() => {\n          !isVBPresent ? addPlugin() : removePlugin();\n        }}\n        data-testid=\"virtual_bg_btn\"\n      >\n        {isVBLoading ? <Loading /> : <VirtualBackgroundIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n\nexport default VirtualBackground;\n", "/* eslint-disable no-case-declarations */\nimport { HMSVirtualBackgroundTypes } from '@100mslive/hms-virtual-background';\nexport function getRandomVirtualBackground() {\n  const backgroundList = [\n    {\n      background: HMSVirtualBackgroundTypes.BLUR,\n      backgroundType: HMSVirtualBackgroundTypes.BLUR,\n    },\n  ];\n\n  const images = [\n    'https://www.100ms.live/images/vb-1.jpeg',\n    'https://www.100ms.live/images/vb-2.jpg',\n    'https://www.100ms.live/images/vb-3.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms1.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms2.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms3.png',\n    'https://d2qi07yyjujoxr.cloudfront.net/webapp/vb/hms4.png',\n  ].map(url => ({\n    background: url,\n    backgroundType: HMSVirtualBackgroundTypes.IMAGE,\n  }));\n\n  backgroundList.push(...images);\n\n  /* \n   //TODO: update with a better quality gif.\n  const gifList = [\n    {\n      background: \"https://www.100ms.live/images/vb-1.gif\",\n      backgroundType: HMSVirtualBackgroundTypes.GIF,\n    },\n  ];\n  backgroundList.push(...gifList); \n  */\n\n  const videoList = [\n    'https://www.100ms.live/images/video-1.mp4',\n    'https://www.100ms.live/images/video-2.mp4',\n    'https://www.100ms.live/images/video-5.mp4',\n    'https://www.100ms.live/images/video-7.mp4',\n    'https://www.100ms.live/images/video-8.mp4',\n  ].map(url => ({\n    background: url,\n    backgroundType: HMSVirtualBackgroundTypes.VIDEO,\n  }));\n  backgroundList.push(...videoList);\n\n  const randomIdx = Math.floor(Math.random() * backgroundList.length);\n  const virtualBackground = backgroundList[randomIdx];\n  switch (virtualBackground.backgroundType) {\n    case HMSVirtualBackgroundTypes.IMAGE:\n      const img = document.createElement('img');\n      img.alt = 'VB';\n      img.src = backgroundList[randomIdx].background;\n      virtualBackground.background = img;\n      return virtualBackground;\n    case HMSVirtualBackgroundTypes.VIDEO:\n      const videoEl = document.createElement('video');\n      videoEl.src = backgroundList[randomIdx].background;\n      virtualBackground.background = videoEl;\n      return virtualBackground;\n    default:\n      return virtualBackground;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["HMSVirtualBackgroundTypes", "HMSVirtualBackgroundTypes"]
+}