@weing-dev/ui-kit-primitive 0.1.2 → 0.2.0

package/dist/components/Icon/context/icon.store.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'react';
+import * as DefaultIcons from "../../Icons";
+export type IconComponent = (props: React.SVGProps<SVGSVGElement>) => JSX.Element | React.ReactNode;
+export type IconRegistry = Partial<Record<string, IconComponent>>;
+export type DefaultIconName = keyof typeof DefaultIcons;
+export type IconStoreState = {
+    icons: IconRegistry;
+};
+export type IconStoreActions = {
+    registerIcons: (icons: IconRegistry) => void;
+};
+export type IconStore = IconStoreState & IconStoreActions;
+export type IconStoreConfig = {
+    icons?: IconRegistry;
+};
+export declare const createIconStore: (config?: IconStoreConfig) => import('zustand').UseBoundStore<import('zustand').StoreApi<IconStore>>;

package/dist/components/Icon/context/index.d.ts

@@ -0,0 +1,3 @@
+export { IconStoreContext, useIconStore, type IconStoreApi, } from './icon.context';
+export { default as IconProvider, type IconProviderProps } from './icon.provider';
+export { createIconStore, type IconStore, type IconStoreState, type IconStoreActions, type IconStoreConfig, type DefaultIconName, type IconComponent, type IconRegistry, } from './icon.store';

package/dist/components/Icon/icon.augment.d.ts

@@ -0,0 +1,17 @@
+/**
+ * `@weing-dev/ui-kit-primitive` 모듈 확장 포인트 (Icon name).
+ *
+ * 소비자 프로젝트에서 아래처럼 확장하면 `Icon`/`Button.Icon`의 `name` 자동완성에 반영됩니다.
+ *
+ * declare module "@weing-dev/ui-kit-primitive" {
+ *   interface IconNameOverrides {
+ *     Sigma: true;
+ *   }
+ * }
+ */
+declare module "@weing-dev/ui-kit-primitive" {
+    interface IconNameOverrides {
+    }
+}
+export type __UiKitIconAugmentMarker = true;
+export {};

package/dist/components/Icons/BackButton.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgBackButton: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgBackButton;

package/dist/components/Icons/FullScreen.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFullScreen: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgFullScreen;

package/dist/components/Icons/FullScreenClose.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFullScreenClose: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgFullScreenClose;

package/dist/components/Icons/Pause.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPause: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPause;

package/dist/components/Icons/Play.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPlay: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPlay;

package/dist/components/Icons/Share.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgShare: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgShare;

package/dist/components/Icons/VolumeOff.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgVolumeOff: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgVolumeOff;

package/dist/components/Icons/VolumeUp.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgVolumeUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgVolumeUp;

package/dist/components/Icons/index.d.ts

@@ -8,6 +8,7 @@ export { default as ArrowUp } from './ArrowUp';
 export { default as ArrowDropDown } from './ArrowDropDown';
 export { default as ArticleOutlined } from './ArticleOutlined';
 export { default as AttachFile } from './AttachFile';
+export { default as BackButton } from './BackButton';
 export { default as CalendarMonth } from './CalendarMonth';
 export { default as CalendarToday } from './CalendarToday';
 export { default as CancleFilled } from './CancleFilled';
@@ -47,6 +48,8 @@ export { default as FileUpload } from './FileUpload';
 export { default as FilecheckInactive } from './FilecheckInactive';
 export { default as FileDownloadDoneFilled } from './FileDownloadDoneFilled';
 export { default as FileDownloadOutlined } from './FileDownloadOutlined';
+export { default as FullScreen } from './FullScreen';
+export { default as FullScreenClose } from './FullScreenClose';
 export { default as GoBefore } from './GoBefore';
 export { default as GoNext } from './GoNext';
 export { default as HamburgerMenu } from './HamburgerMenu';
@@ -74,6 +77,7 @@ export { default as OrderApprove } from './OrderApprove';
 export { default as OrderInactive } from './OrderInactive';
 export { default as OrderPlay } from './OrderPlay';
 export { default as Outward } from './Outward';
+export { default as Pause } from './Pause';
 export { default as PayApprove } from './PayApprove';
 export { default as PayInactive } from './PayInactive';
 export { default as Payment } from './Payment';
@@ -81,6 +85,7 @@ export { default as PersonAddAlt } from './PersonAddAlt';
 export { default as Personcard } from './Personcard';
 export { default as PersonFilled } from './PersonFilled';
 export { default as PersonOutline } from './PersonOutline';
+export { default as Play } from './Play';
 export { default as PrintInactive } from './PrintInactive';
 export { default as PrintPlay } from './PrintPlay';
 export { default as Product } from './Product';
@@ -89,6 +94,7 @@ export { default as Search } from './Search';
 export { default as Search2 } from './Search2';
 export { default as SettingFilled } from './SettingFilled';
 export { default as Settings } from './Settings';
+export { default as Share } from './Share';
 export { default as ShippingDone } from './ShippingDone';
 export { default as SupportAgent } from './SupportAgent';
 export { default as SwapVert } from './SwapVert';
@@ -96,6 +102,8 @@ export { default as Task } from './Task';
 export { default as TrashOutlined } from './TrashOutlined';
 export { default as Upload } from './Upload';
 export { default as User } from './User';
+export { default as VolumeOff } from './VolumeOff';
+export { default as VolumeUp } from './VolumeUp';
 export { default as WarningFilled } from './WarningFilled';
 export { default as Warning } from './Warning';
 export { default as WarningAmber } from './WarningAmber';

package/dist/components/LNB/LNB.d.ts

@@ -5,7 +5,7 @@ type LNBLogoProps = React.PropsWithChildren<{
     className?: string;
     src: string;
 }>;
-declare const Logo: React.MemoExoticComponent<(props: LNBLogoProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Logo: (props: LNBLogoProps) => import("react/jsx-runtime").JSX.Element;
 type LNBItemProps = React.PropsWithChildren<{
     className?: string;
     label: string;
@@ -18,12 +18,12 @@ type LNBItemProps = React.PropsWithChildren<{
     isOpen?: boolean;
     isActive?: boolean;
 }>;
-declare const Item: React.MemoExoticComponent<(props: LNBItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Item: (props: LNBItemProps) => import("react/jsx-runtime").JSX.Element;
 type LNBListProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const List: React.MemoExoticComponent<(props: LNBListProps) => import("react/jsx-runtime").JSX.Element>;
-declare const Root: React.MemoExoticComponent<(props: LNBProviderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const List: (props: LNBListProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: (props: LNBProviderProps) => import("react/jsx-runtime").JSX.Element;
 export type Navigation<T = never> = {
     label: string;
     subtitle?: string;

package/dist/components/Label/Label.d.ts

@@ -6,5 +6,5 @@ interface LabelRootProps {
     size?: "medium" | "small" | "xSmall";
     onClick?: () => void;
 }
-declare const _default: React.MemoExoticComponent<(props: LabelRootProps & React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+declare const Label: (props: LabelRootProps & React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/components/List/List.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Icon } from '../Icon/Icon';
 type TextProps = {
-    value: string;
+    value?: string;
 } & React.JSX.IntrinsicElements["div"];
 type BaseListProps = {
     label: TextProps;
@@ -17,6 +17,6 @@ type ListProps = ({
     title?: TextProps;
     icon?: never;
 } & BaseListProps);
+declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
 export type { ListProps };
-declare const _default: React.MemoExoticComponent<(props: ListProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+export default List;

package/dist/components/Pagination/Pagination.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 import { PaginationContextType } from './Pagination.context';
-declare const Next: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-declare const Prev: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+declare const Next: () => import("react/jsx-runtime").JSX.Element;
+declare const Prev: () => import("react/jsx-runtime").JSX.Element;
 type PageItemProps = {
     active: boolean;
     onClick: (page: number) => void;
     page: number;
 };
-declare const PageItem: React.MemoExoticComponent<(props: PageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const PageItem: (props: PageItemProps) => import("react/jsx-runtime").JSX.Element;
 type PageListProps = {
     itemAs?: ({ page, active, onClick, }: {
         page: number;
@@ -15,9 +15,9 @@ type PageListProps = {
         onClick: (page: number) => void;
     }) => React.ReactNode;
 };
-declare const PageList: React.MemoExoticComponent<(props: PageListProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const PageList: (props: PageListProps) => import("react/jsx-runtime").JSX.Element | null;
 type RootProps = {} & Omit<PaginationContextType, "currentPage">;
-declare const Root: React.MemoExoticComponent<(props: React.PropsWithChildren<RootProps>) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: (props: React.PropsWithChildren<RootProps>) => import("react/jsx-runtime").JSX.Element;
 interface IPagination {
     Root: typeof Root;
     Next: typeof Next;

package/dist/components/Tab/Tab.d.ts

@@ -5,15 +5,15 @@ type PanelProps = React.PropsWithChildren<{
     id?: string;
     index: number;
 }>;
-declare const Panel: React.MemoExoticComponent<(props: PanelProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
 type PanelsProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const Panels: React.MemoExoticComponent<(props: PanelsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Panels: (props: PanelsProps) => import("react/jsx-runtime").JSX.Element;
 type TabListProps = React.PropsWithChildren<{
     className?: string;
 }>;
-declare const List: React.MemoExoticComponent<(props: TabListProps) => import("react/jsx-runtime").JSX.Element>;
+declare const List: (props: TabListProps) => import("react/jsx-runtime").JSX.Element;
 type TabProps = React.PropsWithChildren<{
     className?: string;
     id?: string;
@@ -21,8 +21,8 @@ type TabProps = React.PropsWithChildren<{
     onClick?: (...args: any) => void;
     isActive?: boolean;
 }>;
-declare const Item: React.MemoExoticComponent<(props: TabProps) => import("react/jsx-runtime").JSX.Element>;
-declare const Root: React.MemoExoticComponent<(props: TabsProviderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Item: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: (props: TabsProviderProps) => import("react/jsx-runtime").JSX.Element;
 interface ITab {
     Root: typeof Root;
     List: typeof List;

package/dist/components/Table/Table.d.ts

@@ -2,22 +2,22 @@ import { default as React } from 'react';
 import { TableProviderProps } from './Table.context';
 import { useRowResize } from './Table.hook';
 type TableRowProps = React.PropsWithChildren<React.JSX.IntrinsicElements["tr"]>;
-declare const Row: React.MemoExoticComponent<(props: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Row: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 type TableCellProps = React.PropsWithChildren<{
     size?: number;
     isSelected?: boolean;
 } & React.JSX.IntrinsicElements["td"]>;
-declare const Cell: React.MemoExoticComponent<(props: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Cell: (props: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 type TableBodyProps = React.PropsWithChildren<React.JSX.IntrinsicElements["tbody"]>;
-declare const Body: React.MemoExoticComponent<(props: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Body: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 type TableHeaderCellProps = React.PropsWithChildren<{
     size?: number;
 } & React.JSX.IntrinsicElements["th"]>;
-declare const HeaderCell: React.MemoExoticComponent<(props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const HeaderCell: (props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 type TableHeaderProps = React.PropsWithChildren<React.JSX.IntrinsicElements["thead"]>;
-declare const Header: React.MemoExoticComponent<(props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Header: (props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
 type TableRootProps = TableProviderProps & React.JSX.IntrinsicElements["table"];
-declare const Root: React.MemoExoticComponent<(props: TableRootProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: (props: TableRootProps) => import("react/jsx-runtime").JSX.Element;
 interface ITable {
     Root: typeof Root;
     Header: typeof Header;

package/dist/components/TimeInput/TimeInput.d.ts

@@ -4,13 +4,13 @@ type InputProps = {
     index: number;
     placeholder: string;
 } & React.JSX.IntrinsicElements["input"];
-declare const Input: React.MemoExoticComponent<(props: InputProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 type TimeRangeProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
-declare const TimeRange: React.MemoExoticComponent<(props: TimeRangeProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TimeRange: (props: TimeRangeProps) => import("react/jsx-runtime").JSX.Element;
 type ColonProps = React.JSX.IntrinsicElements["span"];
-declare const Colon: React.MemoExoticComponent<(props: ColonProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Colon: (props: ColonProps) => import("react/jsx-runtime").JSX.Element;
 type SeparatorProps = React.JSX.IntrinsicElements["span"];
-declare const Separator: React.MemoExoticComponent<(props: SeparatorProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 type HelperTextProps = React.PropsWithChildren<{
     className?: string;
     warningColor?: string;
@@ -21,18 +21,18 @@ type HelperTextProps = React.PropsWithChildren<{
     size?: number;
     iconVisible?: boolean;
 }>;
-declare const HelperText: React.MemoExoticComponent<(props: HelperTextProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const HelperText: (props: HelperTextProps) => import("react/jsx-runtime").JSX.Element | null;
 type InputWrapperProps = React.PropsWithChildren<React.JSX.IntrinsicElements["div"]>;
-declare const InputWrapper: React.MemoExoticComponent<(props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element>;
+declare const InputWrapper: (props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
 type LabelProps = React.PropsWithChildren<{
     className?: string;
     focusedColor?: string;
 }>;
-declare const Label: React.MemoExoticComponent<(props: LabelProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
 type RootProps = React.PropsWithChildren<Omit<TimeInputContextType, "inputRefs" | "handleChange" | "handleBlur" | "handleKeyDown"> & {
     className?: string;
 }>;
-declare const Root: React.MemoExoticComponent<(props: RootProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
 interface ITimeInput {
     Root: typeof Root;
     Label: typeof Label;

package/dist/components/VideoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,118 @@
+import { default as React } from 'react';
+import { default as videojs } from 'video.js';
+import { VideoOverlay, Loading, Error, Frame, Widgets } from './components';
+import { VideoPlayerStoreContext, VideoPlayerImageContext, VideoPlayerProvider, useVideoPlayerStore, useVideoPlayerShallow, useVideoPlayerImage, createVideoPlayerStore, resolveVideoPlayerStoreConfig, VideoPlayerImageComponent, VideoPlayerStoreConfig } from './context';
+import { IconName } from '../Icon/Icon';
+type VideoJsPlayer = ReturnType<typeof videojs>;
+type VideoJsOptions = Parameters<typeof videojs>[1];
+export type VideoPlayerControls = {
+    back?: boolean;
+    share?: boolean;
+    playPause?: boolean;
+    progress?: boolean;
+    time?: boolean;
+    volume?: boolean;
+    speed?: boolean;
+    fullscreen?: boolean;
+};
+export type VideoPlayerTexts = {
+    loading?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+    errorRetry?: string;
+};
+export type VideoPlayerAria = {
+    progress?: string;
+    play?: string;
+    pause?: string;
+    fullscreenEnter?: string;
+    fullscreenExit?: string;
+    speed?: string;
+    mute?: string;
+    unmute?: string;
+    back?: string;
+    share?: string;
+};
+export type VideoPlayerIcons = {
+    play?: IconName | string;
+    pause?: IconName | string;
+    back?: IconName | string;
+    share?: IconName | string;
+    volumeOn?: IconName | string;
+    volumeOff?: IconName | string;
+    fullscreenEnter?: IconName | string;
+    fullscreenExit?: IconName | string;
+};
+export type VideoPlayerEvents = {
+    onReady?: (player: VideoJsPlayer) => void;
+    onLoadStart?: () => void;
+    onCanPlay?: () => void;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onTimeUpdate?: (currentTime: number) => void;
+    onProgress?: (buffered: number) => void;
+    onVolumeChange?: (volume: number) => void;
+    onRateChange?: (rate: number) => void;
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    onDurationChange?: (duration: number) => void;
+    onError?: (error: unknown) => void;
+};
+export type VideoPlayerProps = {
+    src: string;
+    poster?: string;
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    onBack?: () => void;
+    onShare?: () => void;
+    onRetry?: () => void;
+    controls?: VideoPlayerControls;
+    texts?: VideoPlayerTexts;
+    aria?: VideoPlayerAria;
+    icons?: VideoPlayerIcons;
+    events?: VideoPlayerEvents;
+    overlayClassName?: string;
+    overlay?: {
+        autoHide?: boolean;
+        autoHideDelayMs?: number;
+        overlayClickAction?: "toggle-play" | "none";
+        onOverlayClick?: () => void;
+    };
+    playerOptions?: VideoJsOptions;
+    sources?: {
+        src: string;
+        type: string;
+    }[];
+    speedOptions?: number[];
+    disableVideoJsStyles?: boolean;
+    controlVariants?: {
+        speed?: "menu" | "cycle";
+    };
+    children?: React.ReactNode;
+    storeConfig?: VideoPlayerStoreConfig;
+    Image?: VideoPlayerImageComponent;
+};
+export type RootProps = VideoPlayerProps & React.JSX.IntrinsicElements["div"];
+declare const Root: {
+    (props: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface IVideoPlayer {
+    Root: typeof Root;
+    Frame: typeof Frame;
+    Overlay: typeof VideoOverlay;
+    Loading: typeof Loading;
+    Error: typeof Error;
+    Widgets: typeof Widgets;
+    useVideoPlayerStore: typeof useVideoPlayerStore;
+    useVideoPlayerShallow: typeof useVideoPlayerShallow;
+    useVideoPlayerImage: typeof useVideoPlayerImage;
+    VideoPlayerStoreContext: typeof VideoPlayerStoreContext;
+    VideoPlayerImageContext: typeof VideoPlayerImageContext;
+    VideoPlayerProvider: typeof VideoPlayerProvider;
+    createVideoPlayerStore: typeof createVideoPlayerStore;
+    resolveVideoPlayerStoreConfig: typeof resolveVideoPlayerStoreConfig;
+}
+export type { RootProps as VideoPlayerRootProps };
+declare const VideoPlayer: IVideoPlayer;
+export default VideoPlayer;

package/dist/components/VideoPlayer/components/Error/Error.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+type ErrorAsProps = {
+    defaultClassName: string;
+    errorTitle: string;
+    errorDescription: string;
+    errorRetry: string;
+    onRetry: () => void;
+};
+type ErrorProps = {
+    className?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+    errorRetry?: string;
+    onRetry?: () => void;
+    as?: (props: ErrorAsProps) => React.ReactNode;
+};
+declare const Error: (props: ErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Error;

package/dist/components/VideoPlayer/components/Error/index.d.ts

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

package/dist/components/VideoPlayer/components/Frame/Frame.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { default as videojs } from 'video.js';
+type VideoJsPlayer = ReturnType<typeof videojs>;
+type VideoJsOptions = Parameters<typeof videojs>[1];
+export type FrameProps = {
+    src: string;
+    poster?: string;
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    playerOptions?: VideoJsOptions;
+    sources?: {
+        src: string;
+        type: string;
+    }[];
+    speedOptions?: number[];
+    disableVideoJsStyles?: boolean;
+    events?: {
+        onReady?: (player: VideoJsPlayer) => void;
+        onLoadStart?: () => void;
+        onCanPlay?: () => void;
+        onPlay?: () => void;
+        onPause?: () => void;
+        onTimeUpdate?: (currentTime: number) => void;
+        onProgress?: (buffered: number) => void;
+        onVolumeChange?: (volume: number) => void;
+        onRateChange?: (rate: number) => void;
+        onFullscreenChange?: (isFullscreen: boolean) => void;
+        onDurationChange?: (duration: number) => void;
+        onError?: (error: unknown) => void;
+    };
+} & React.JSX.IntrinsicElements["div"];
+declare const Frame: (props: FrameProps) => import("react/jsx-runtime").JSX.Element;
+export default Frame;

package/dist/components/VideoPlayer/components/Frame/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Frame';
+export type { FrameProps } from './Frame';

package/dist/components/VideoPlayer/components/Loading/Loading.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+type LoadingAsProps = {
+    defaultClassName: string;
+    loadingText: string;
+};
+type LoadingProps = {
+    className?: string;
+    loadingText?: string;
+    as?: (props: LoadingAsProps) => React.ReactNode;
+};
+declare const Loading: (props: LoadingProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Loading;

package/dist/components/VideoPlayer/components/Loading/index.d.ts

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

package/dist/components/VideoPlayer/components/VideoOverlay/VideoOverlay.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+type GridProps = {
+    className?: string;
+    children?: React.ReactNode;
+} & React.JSX.IntrinsicElements["div"];
+type SlotProps = {
+    className?: string;
+    children?: React.ReactNode;
+} & React.JSX.IntrinsicElements["div"];
+export type VideoOverlayRenderProps = {
+    showControls: boolean;
+    onMouseMove: () => void;
+    onMouseLeave: () => void;
+    onClick: (event: React.MouseEvent<Element>) => void;
+    isFullscreen: boolean;
+};
+export type VideoOverlayProps = {
+    className?: string;
+    autoHide?: boolean;
+    autoHideDelayMs?: number;
+    overlayClickAction?: "toggle-play" | "none";
+    onOverlayClick?: () => void;
+    children: (props: VideoOverlayRenderProps) => React.ReactNode;
+};
+declare const VideoOverlay: ((props: VideoOverlayProps) => import("react/jsx-runtime").JSX.Element) & {
+    Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
+    TopLeft: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    TopCenter: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    TopRight: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    MiddleLeft: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    MiddleCenter: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    MiddleRight: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    BottomLeft: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    BottomCenter: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+    BottomRight: (props: SlotProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default VideoOverlay;

package/dist/components/VideoPlayer/components/VideoOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './VideoOverlay';
+export type { VideoOverlayRenderProps } from './VideoOverlay';

package/dist/components/VideoPlayer/components/Widgets/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Icon } from '../../../../Icon/Icon';
+export type ButtonProps = {
+    /** Icon 컴포넌트에 전달할 props (name 필수, size·color 등 선택) */
+    icon: React.ComponentProps<typeof Icon>;
+    onClick?: () => void;
+    ariaLabel?: string;
+    className?: string;
+} & Omit<React.JSX.IntrinsicElements["button"], "onClick">;
+declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/VideoPlayer/components/Widgets/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export type { ButtonProps } from './Button';

package/dist/components/VideoPlayer/components/Widgets/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+type ProgressBarAsProps = {
+    defaultClassName: string;
+    progress: number;
+    buffered: number;
+    ariaLabel: string;
+    onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    trackRef: React.RefObject<HTMLDivElement | null>;
+};
+export type ProgressBarProps = {
+    className?: string;
+    onInteractionChange?: (isActive: boolean) => void;
+    ariaLabel?: string;
+    as?: (props: ProgressBarAsProps) => React.ReactNode;
+};
+declare const ProgressBar: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/dist/components/VideoPlayer/components/Widgets/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';

package/dist/components/VideoPlayer/components/Widgets/SpeedControl/SpeedControl.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+type SpeedControlAsProps = {
+    defaultClassName: string;
+    playbackRate: number;
+    speedOptions: readonly number[];
+    variant: "menu" | "cycle";
+    isOpen: boolean;
+    ariaLabel: string;
+    onButtonClick: () => void;
+    onSpeedSelect: (speed: number) => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+};
+type SpeedControlProps = {
+    className?: string;
+    variant?: "menu" | "cycle";
+    speedOptions?: number[];
+    ariaLabel?: string;
+    as?: (props: SpeedControlAsProps) => React.ReactNode;
+};
+declare const SpeedControl: (props: SpeedControlProps) => import("react/jsx-runtime").JSX.Element;
+export default SpeedControl;

package/dist/components/VideoPlayer/components/Widgets/SpeedControl/index.d.ts

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

package/dist/components/VideoPlayer/components/Widgets/Time/Time.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+type TimeAsProps = {
+    defaultClassName: string;
+    currentTime: number;
+    duration: number;
+    formattedCurrentTime: string;
+    formattedDuration: string;
+};
+export type TimeProps = {
+    className?: string;
+    formatTime?: (time: number) => string;
+    as?: (props: TimeAsProps) => React.ReactNode;
+};
+declare const Time: (props: TimeProps) => import("react/jsx-runtime").JSX.Element;
+export default Time;