@kaizen/components 1.31.0 → 1.33.0

package/dist/cjs/dts/Icon/ProcessManagerIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ProcessManagerIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/PromotionIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const PromotionIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/PromotionWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const PromotionWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/QuestionIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const QuestionIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/QuestionWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const QuestionWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/QuestionsIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const QuestionsIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/RedoIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const RedoIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/RefreshIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const RefreshIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/RemoveLinkIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const RemoveLinkIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/RepeatsIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const RepeatsIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ReportIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ReportIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ReportSharingIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ReportSharingIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/RestoreIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const RestoreIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SaveIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SaveIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SearchIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SearchIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SearchWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SearchWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SecurityTipIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SecurityTipIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SendIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SendIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SendRtlIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SendRtlIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SettingsIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SettingsIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SettingsWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SettingsWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ShareIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ShareIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SkipIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SkipIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SkipWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SkipWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SortAscendingIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SortAscendingIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SortDescendingIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SortDescendingIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SpinnerIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SpinnerIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/StarOffIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const StarOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/StarOnIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const StarOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/StartIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const StartIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SubtractIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SubtractIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SubtractWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SubtractWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SuccessIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SuccessIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SuccessWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SuccessWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SupportIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SupportIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SurveysIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SurveysIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SurveysWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SurveysWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/SyncIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const SyncIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TagIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TagIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TasksIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TasksIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TasksWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TasksWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TemplateIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TemplateIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TemplateWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TemplateWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TextAnalyticsIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TextAnalyticsIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TextAnalyticsWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TextAnalyticsWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsDownIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ThumbsDownIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ThumbsUpIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ThumbsUpIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TimeIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TimeIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TimeWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TimeWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TranslationIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TranslationIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/TrashIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const TrashIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UnattributedIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UnattributedIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UnattributedWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UnattributedWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UnderlineIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UnderlineIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UndoIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UndoIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserAddIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserAddIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserDeleteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserDeleteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserExitIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserExitIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserSelectIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserSelectIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserSettingsIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserSettingsIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UserUpdateIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UserUpdateIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/UsersIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const UsersIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/VisibleIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const VisibleIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/WritingIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const WritingIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ZoomInIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ZoomInIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ZoomOutIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ZoomOutIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/bin/Template.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "../subcomponents/SVG";
 export declare const COMPONENT_TITLE: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Illustration/Scene/Scene.d.ts

@@ -0,0 +1,200 @@
+/// <reference types="react" />
+import { BaseProps } from "../subcomponents/Base";
+import { VideoPlayerProps } from "../subcomponents/VideoPlayer";
+export type SceneProps = {
+    enableAspectRatio?: boolean;
+} & Pick<BaseProps, "alt" | "classNameOverride">;
+type BaseAnimatedSceneProps = {
+    isAnimated?: boolean;
+} & SceneProps & Pick<VideoPlayerProps, "autoplay" | "loop">;
+type AnimatedProps = {
+    isAnimated: true;
+    alt?: never;
+} & Omit<BaseAnimatedSceneProps, "alt">;
+type NotAnimatedProps = {
+    isAnimated?: false;
+    autoplay?: never;
+    loop?: never;
+} & BaseAnimatedSceneProps;
+export type AnimatedSceneProps = AnimatedProps | NotAnimatedProps;
+export declare const BrandMomentPositiveOutro: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const BrandMomentLogin: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const BrandMomentError: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const BrandMomentNewAccountOnboarding: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const BrandMomentUploadEmployeeData: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const BrandMomentStarterKit: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EmptyStatesAction: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EmptyStatesInformative: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EmptyStatesNegative: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EmptyStatesPositive: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EmptyStatesNeutral: {
+    ({ isAnimated, enableAspectRatio, alt, ...otherProps }: AnimatedSceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const Information360Upgrade: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationDemographicFocus: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationTurnoverCalculator: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationTurnoverForecast: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationEmergingTrends: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationEmployeeLifecycle: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationReportOwner: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const InformationReportOwnerByRule: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const Collaboration: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const Communication: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const CompanyValues: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const ConnectTheDots: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const CultureLab: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const TermsAgreement: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoach1On1Meetings: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachCoaching: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachEmployeeDevelopment: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachEssentialFeedback: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachEssentialProductivity: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachEssentialResilience: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachInfluentialCommunication: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachLeadingChange: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachFeedback: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachManagerHub: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachProductivity: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachRemoteManager: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachResilience: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SkillsCoachStrategy: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const Programs: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EngagementSurveySummaryFemale: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const EngagementSurveySummaryMale: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SurveyOverviewClosed: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const SurveyGetStarted: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export declare const PerformanceCompanySettings: {
+    ({ enableAspectRatio, ...props }: SceneProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/Illustration/Scene/index.d.ts

@@ -0,0 +1 @@
+export * from "./Scene";

package/dist/cjs/dts/Illustration/Spot/Spot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseProps } from "../subcomponents/Base";
 export type SpotProps = Pick<BaseProps, "alt" | "classNameOverride"> & {
     enableAspectRatio?: boolean;

package/dist/cjs/dts/Illustration/index.d.ts

@@ -1 +1,2 @@
 export * from "./Spot";
+export * from "./Scene";

package/dist/cjs/dts/Illustration/subcomponents/VideoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export type VideoPlayerProps = {
+    /**
+     * Specifies whether the animation plays as soon as it is rendered.
+     * If the user has enabled prefer-reduced-motion their preferences
+     * take precedent over this prop.
+     */
+    autoplay?: boolean;
+    /**
+     * Replay from start when active animation reaches the end of the animation.
+     */
+    loop?: boolean;
+    /**
+     * Fallback image. Used when rendering of the asset fails, or as a
+     * poster for the video player.
+     */
+    fallback: string;
+    /**
+     * The path of the animation source, excluding the file extension. This
+     * Player will preference Webm over mp4.
+     */
+    source: string;
+    /**
+     * Aspect ratio that is set on the illustration in Scene/Spot which wraps the
+     * component in a container, forcing the aspect ratio.
+     */
+    aspectRatio?: "landscape" | "portrait" | "square";
+    onEnded?: () => void;
+};
+export declare const VideoPlayer: ({ autoplay, loop, fallback, source, aspectRatio, onEnded, }: VideoPlayerProps) => JSX.Element;

package/dist/cjs/dts/Illustration/subcomponents/VideoPlayer/index.d.ts

@@ -0,0 +1 @@
+export * from "./VideoPlayer";

package/dist/cjs/dts/Illustration/utils/canPlayWebm.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Detect whether the current browser can play webm files
+ */
+export declare const canPlayWebm: () => boolean;

package/dist/cjs/dts/Illustration/utils/usePausePlay.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from "react";
+export type usePausePlayHook = {
+    toggle: () => void;
+    icon: JSX.Element;
+    label: string;
+};
+export declare const usePausePlay: (videoRef: RefObject<HTMLVideoElement>) => usePausePlayHook;