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

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

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

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

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { IconName } from '../../../../Icon/Icon';
+type VolumeControlAsProps = {
+    defaultClassName: string;
+    volume: number;
+    isMuted: boolean;
+    ariaLabel: string;
+    onMuteToggle: () => void;
+    onVolumeChange: (volume: number) => void;
+    volumeOnIcon: IconName;
+    volumeOffIcon: IconName;
+    sliderVisible: boolean;
+    sliderValue: number;
+    onSliderFocus: (focused: boolean) => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onPointerDown: (event: React.PointerEvent<Element>) => void;
+    trackRef: React.RefObject<HTMLDivElement | null>;
+};
+export type VolumeControlProps = {
+    className?: string;
+    onInteractionChange?: (isActive: boolean) => void;
+    icons?: {
+        volumeOn?: IconName;
+        volumeOff?: IconName;
+    };
+    aria?: {
+        mute?: string;
+        unmute?: string;
+    };
+    as?: (props: VolumeControlAsProps) => React.ReactNode;
+};
+declare const VolumeControl: (props: VolumeControlProps) => import("react/jsx-runtime").JSX.Element;
+export default VolumeControl;

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

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

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

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

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

@@ -0,0 +1,6 @@
+export { default as VideoOverlay } from './VideoOverlay';
+export { default as Loading } from './Loading';
+export { default as Error } from './Error';
+export { default as Frame } from './Frame';
+export { Widgets } from './Widgets';
+export type { ButtonProps } from './Widgets';

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

@@ -0,0 +1,3 @@
+export { useVideoPlayerStore, useVideoPlayerShallow, VideoPlayerStoreContext, VideoPlayerImageContext, useVideoPlayerImage, DefaultImage, type VideoPlayerStoreApi, type VideoPlayerImageComponent, type VideoPlayerImageProps, } from './videoPlayer.context';
+export { default as VideoPlayerProvider } from './videoPlayer.provider';
+export { createVideoPlayerStore, resolveVideoPlayerStoreConfig, type VideoPlayerStore, type VideoPlayerState, type VideoPlayerActions, type VideoPlayerStoreConfig, } from './videoPlayer.store';

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { createVideoPlayerStore, VideoPlayerStore } from './videoPlayer.store';
+export type VideoPlayerStoreApi = ReturnType<typeof createVideoPlayerStore>;
+export declare const VideoPlayerStoreContext: React.Context<import('zustand').UseBoundStore<import('zustand').StoreApi<VideoPlayerStore>> | undefined>;
+export type VideoPlayerImageProps = {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    className?: string;
+};
+export type VideoPlayerImageComponent = React.ComponentType<VideoPlayerImageProps>;
+export declare const DefaultImage: (props: VideoPlayerImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoPlayerImageContext: React.Context<VideoPlayerImageComponent>;
+export declare const useVideoPlayerImage: () => VideoPlayerImageComponent;
+export declare const useVideoPlayerStore: <R>(selector: (store: VideoPlayerStore) => R) => R;
+export declare function useVideoPlayerShallow<R>(selector: (store: VideoPlayerStore) => R): R;
+export declare function useVideoPlayerShallow<K extends keyof VideoPlayerStore>(keys: readonly K[]): Pick<VideoPlayerStore, K>;

package/dist/components/VideoPlayer/context/videoPlayer.provider.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { VideoPlayerStoreConfig } from './videoPlayer.store';
+type VideoPlayerProviderProps = {
+    children: React.ReactNode;
+    storeConfig?: Partial<VideoPlayerStoreConfig>;
+};
+declare const VideoPlayerProvider: (props: VideoPlayerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoPlayerProvider;

package/dist/components/VideoPlayer/context/videoPlayer.store.d.ts

@@ -0,0 +1,45 @@
+import { default as videojs } from 'video.js';
+type VideoJsPlayer = ReturnType<typeof videojs>;
+export type VideoPlayerStoreConfig = {
+    volumePersist: boolean;
+    volumeStorageKey: string;
+    volumeFallback: number;
+    playbackRateDefault: number;
+};
+export type VideoPlayerState = {
+    isLoading: boolean;
+    hasError: boolean;
+    isPlaying: boolean;
+    currentTime: number;
+    duration: number;
+    buffered: number;
+    volume: number;
+    playbackRate: number;
+    isFullscreen: boolean;
+    isMuted: boolean;
+    previousVolume: number;
+    player: VideoJsPlayer | null;
+};
+export type VideoPlayerActions = {
+    setPlayer: (player: VideoJsPlayer | null) => void;
+    setLoading: (isLoading: boolean) => void;
+    setError: (hasError: boolean) => void;
+    setPlaying: (isPlaying: boolean) => void;
+    setCurrentTime: (currentTime: number) => void;
+    setDuration: (duration: number) => void;
+    setBuffered: (buffered: number) => void;
+    setVolume: (volume: number) => void;
+    setPlaybackRate: (playbackRate: number) => void;
+    setFullscreen: (isFullscreen: boolean) => void;
+    setMuted: (isMuted: boolean) => void;
+    handlePlayPause: () => void;
+    handleSeek: (time: number) => void;
+    handleVolumeChange: (volume: number) => void;
+    handleSpeedChange: (speed: number) => void;
+    handleFullscreenToggle: () => void;
+    handleMuteToggle: () => void;
+};
+export type VideoPlayerStore = VideoPlayerState & VideoPlayerActions;
+export declare const resolveVideoPlayerStoreConfig: (config?: Partial<VideoPlayerStoreConfig>) => VideoPlayerStoreConfig;
+export declare const createVideoPlayerStore: (config?: Partial<VideoPlayerStoreConfig>) => import('zustand').UseBoundStore<import('zustand').StoreApi<VideoPlayerStore>>;
+export {};

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

@@ -0,0 +1,4 @@
+export { default as VideoPlayer } from './VideoPlayer';
+export type { VideoPlayerProps, VideoPlayerRootProps, VideoPlayerControls, VideoPlayerTexts, VideoPlayerAria, VideoPlayerIcons, VideoPlayerEvents, } from './VideoPlayer';
+export { useVideoPlayerStore, useVideoPlayerShallow, VideoPlayerStoreContext, VideoPlayerImageContext, useVideoPlayerImage, DefaultImage, VideoPlayerProvider, createVideoPlayerStore, resolveVideoPlayerStoreConfig, type VideoPlayerStoreApi, type VideoPlayerImageComponent, type VideoPlayerImageProps, type VideoPlayerStore, type VideoPlayerState, type VideoPlayerActions, type VideoPlayerStoreConfig, } from './context';
+export { VIDEO_PLAYER_DEFAULTS } from './videoPlayer.constants';

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

@@ -0,0 +1,48 @@
+export declare const VIDEO_PLAYER_DEFAULTS: {
+    readonly layout: {
+        readonly width: "100%";
+        readonly height: "400px";
+        readonly maxWidth: "1200px";
+    };
+    readonly overlay: {
+        readonly autoHide: true;
+        readonly autoHideDelayMs: 1000;
+    };
+    readonly volume: {
+        readonly persist: true;
+        readonly storageKey: "videoPlayerVolume";
+        readonly fallback: 1;
+    };
+    readonly speed: {
+        readonly options: readonly [0.5, 0.75, 1, 1.25, 1.5, 2];
+        readonly defaultRate: 1;
+    };
+    readonly texts: {
+        readonly loading: "비디오를 로딩 중입니다...";
+        readonly errorTitle: "비디오를 재생할 수 없습니다";
+        readonly errorDescription: "비디오 파일을 확인해주세요.";
+        readonly errorRetry: "다시 시도";
+    };
+    readonly aria: {
+        readonly progress: "비디오 진행률";
+        readonly play: "재생";
+        readonly pause: "일시정지";
+        readonly fullscreenEnter: "전체화면";
+        readonly fullscreenExit: "전체화면 종료";
+        readonly speed: "재생 속도 조절";
+        readonly mute: "음소거";
+        readonly unmute: "음소거 해제";
+        readonly back: "뒤로가기";
+        readonly share: "공유";
+    };
+    readonly icons: {
+        readonly play: "Play";
+        readonly pause: "Pause";
+        readonly back: "BackButton";
+        readonly share: "Share";
+        readonly volumeOn: "VolumeUp";
+        readonly volumeOff: "VolumeOff";
+        readonly fullscreenEnter: "FullScreen";
+        readonly fullscreenExit: "FullScreenClose";
+    };
+};

package/dist/entry/augmentations.d.ts

@@ -0,0 +1,4 @@
+import { ___UiKitIconAugmentMarker } from '../components/Icon/icon.augment';
+import { ___UiKitButtonAugmentMarker } from '../components/Button/button.augment';
+export type __UiKitAugmentations = __UiKitIconAugmentMarker | __UiKitButtonAugmentMarker;
+export {};

package/dist/entry/components.d.ts

@@ -0,0 +1,89 @@
+/** Button */
+export { default as Button } from '../components/Button/Button';
+/** Comment */
+export { default as Comment } from '../components/Comment/Comment';
+/** Icon */
+export { Icon } from '../components/Icon/Icon';
+export { IconProvider } from '../components/Icon/context';
+/** HelperText */
+export { default as HelperText } from '../components/HelperText/HelperText';
+/** Divider */
+export { default as Divider } from '../components/Divider/Divider';
+/** Accordion */
+export { default as Accordion } from '../components/Accordion/Accordion';
+/** Breadcrumb */
+export { default as Breadcrumb } from '../components/Breadcrumb/Breadcrumb';
+/** Slider */
+export { default as Slider } from '../components/Slider/Slider';
+/** Stepper */
+export { default as Stepper } from '../components/Stepper/Stepper';
+/** Badge */
+export { default as Badge } from '../components/Badge/Badge';
+/** Avatar */
+export { default as Avatar } from '../components/Avatar/Avatar';
+/** ScrollSpy */
+export { default as ScrollSpy } from '../components/ScrollSpy/ScrollSpy';
+/** Cascader */
+export { default as Cascader } from '../components/Cascader/Cascader';
+/** CheckBox */
+export { default as CheckBox } from '../components/Form/CheckBox/CheckBox';
+/** Tab */
+export { default as Tab } from '../components/Tab/Tab';
+/** Dropdown */
+export { default as Dropdown } from '../components/Form/Dropdown/Dropdown';
+/** OTPInput */
+export { default as OTPInput } from '../components/Form/OTPInput/OTPInput';
+/** Switch */
+export { default as Switch } from '../components/Form/Switch/Switch';
+/** Radio */
+export { default as Radio } from '../components/Form/Radio/Radio';
+/** TextInput */
+export { default as TextInput } from '../components/Form/TextInput/TextInput';
+/** TextArea */
+export { default as TextArea } from '../components/Form/TextArea/TextArea';
+/** LazyImage */
+export { default as LazyImage } from '../components/LazyImage/LazyImage';
+/** Calendar */
+export { default as Calendar } from '../components/Calendar/Calendar';
+export { CalendarContext } from '../components/Calendar/Calendar.context';
+/** Chart */
+export { default as Chart } from '../components/Chart/Chart';
+/** Quill Editor */
+export { default as Editor } from '../components/Editor/Editor';
+/** Table */
+export { default as Table } from '../components/Table/Table';
+/** Weekly Calendar */
+export { default as WeeklyCalendar } from '../components/WeeklyCalendar/WeeklyCalendar';
+export { WeeklyCalendarContext } from '../components/WeeklyCalendar/WeeklyCalendar.context';
+/** MobilePicker */
+export { default as MobilePicker } from '../components/MobilePicker/MobilePicker';
+/** LNB */
+export { default as LNB } from '../components/LNB/LNB';
+export { makeNavigation } from '../components/LNB/makeNavigation';
+/** Pagination */
+export { default as Pagination } from '../components/Pagination/Pagination';
+/** BarCode */
+export { default as BarCode } from '../components/BarCode/BarCode';
+/** QRCode */
+export { default as QRCode } from '../components/QRCode/QRCode';
+/** Chips */
+export { default as Chips } from '../components/Chips/Chips';
+/** Label */
+export { default as Label } from '../components/Label/Label';
+/** ScrollCalendar */
+export { default as ScrollCalendar } from '../components/ScrollCalendar/ScrollCalendar';
+export { ScrollCalendarContext } from '../components/ScrollCalendar/ScrollCalendar.context';
+/** Sheet */
+export { default as Sheet } from '../components/Sheet/Sheet';
+/** Modal */
+export { default as Modal } from '../components/Modal/Modal';
+/** Popup */
+export { default as Popup } from '../components/Popup/Popup';
+/** TimeInput */
+export { default as TimeInput } from '../components/TimeInput/TimeInput';
+/** List */
+export { default as List } from '../components/List/List';
+/** Thumbnail */
+export { default as Thumbnail } from '../components/Thumbnail/Thumbnail';
+export { default as VideoPlayer } from '../components/VideoPlayer/VideoPlayer';
+export {};

package/dist/entry/types.d.ts

@@ -0,0 +1,36 @@
+/** 타입 export만 모읍니다. (type-only export) */
+/** Table */
+export type { TableRootProps } from '../components/Table/Table';
+/** LNB */
+export type { Navigation } from '../components/LNB/LNB';
+/** Badge */
+export type { BadgeRootProps, BadgeRenderProps, } from '../components/Badge/Badge';
+/** QRCode */
+export type { QRCodeRef } from '../components/QRCode/QRCode';
+/** BarCode */
+export type { BarcodeActions } from '../components/BarCode/BarCode';
+/** Stepper */
+export type { StepperProviderProps } from '../components/Stepper/Stepper';
+/** Sheet */
+export type { SheetRootProps } from '../components/Sheet/Sheet';
+/** Popup */
+export type { PopupRootProps } from '../components/Popup/Popup';
+/** Thumbnail */
+export type { ThumbnailRootProps } from '../components/Thumbnail/Thumbnail';
+/** Calendar */
+export type { CalendarContextType } from '../components/Calendar/Calendar.context';
+/** ScrollCalendar */
+export type { ScrollCalendarContextType } from '../components/ScrollCalendar/ScrollCalendar.context';
+/** Cascader */
+export type { CascaderOption } from '../components/Cascader/Cascader.context';
+/** WeeklyCalendar */
+export type { WeeklyCalendarContextType, EventItemAsProps, EventItemPopperAsProps, } from '../components/WeeklyCalendar/WeeklyCalendar.context';
+export type { VideoPlayerProps, VideoPlayerRootProps, VideoPlayerControls, VideoPlayerTexts, VideoPlayerAria, VideoPlayerIcons, VideoPlayerEvents, } from '../components/VideoPlayer/VideoPlayer';
+export type { VideoPlayerStoreApi, VideoPlayerImageComponent, VideoPlayerImageProps, VideoPlayerStore, VideoPlayerState, VideoPlayerActions, VideoPlayerStoreConfig, } from '../components/VideoPlayer/context';
+/** Icon */
+export type { IconProviderProps, IconRegistry, } from '../components/Icon/context';
+/** Editor */
+export type { EditorContextValue, CustomImageUploadHandler, UploadedImageInfo, } from '../components/Editor/Editor.context';
+export type { EditorProps, CustomFont, CustomFontSource, } from '../components/Editor/Editor';
+export type { ToolbarOptions, ToolbarGroup, ToolbarItem, ToolbarSimpleFormat, ToolbarComplexFormat, ToolbarSizeValue, } from '../components/Editor/constants/editor.constants';
+export {};

package/dist/{index-BL3MWQXq.js → index-CsNmTnCb.js}

@@ -8,7 +8,10 @@ class p {
     n(this, "quill");
     n(this, "img", null);
     n(this, "box", null);
-    n(this, "startPos", { x: 0, y: 0 });
+    n(this, "startPos", {
+      x: 0,
+      y: 0
+    });
     n(this, "startSize", {
       width: 0,
       height: 0
@@ -26,7 +29,10 @@ class p {
     n(this, "initResize", (e) => {
       if (typeof document > "u" || (e.preventDefault(), !this.img || !this.box)) return;
       const t = e.target;
-      this.currentHandle = t.dataset.corner || "se", this.startPos = { x: e.clientX, y: e.clientY }, this.startSize = {
+      this.currentHandle = t.dataset.corner || "se", this.startPos = {
+        x: e.clientX,
+        y: e.clientY
+      }, this.startSize = {
         width: this.img.width,
         height: this.img.height
       }, document.addEventListener("mousemove", this.performResize), document.addEventListener("mouseup", this.stopResize);
@@ -82,20 +88,12 @@ class p {
     const e = a.find(this.img);
     if (e && e.parent && e.domNode) {
       if (e === this.quill) {
-        console.error(
-          "Quill.find returned the Quill instance itself, not a Blot for image",
-          this.img
-        );
+        console.error("Quill.find returned the Quill instance itself, not a Blot for image", this.img);
         return;
       }
       try {
         const t = this.quill.getIndex(e);
-        this.quill.deleteText(t, 1), this.quill.insertEmbed(
-          t,
-          "image",
-          this.img.getAttribute("src") || "",
-          "user"
-        );
+        this.quill.deleteText(t, 1), this.quill.insertEmbed(t, "image", this.img.getAttribute("src") || "", "user");
         const s = {
           width: this.img.style.width,
           height: this.img.style.height
@@ -105,11 +103,7 @@ class p {
         console.error("Error processing blot in saveToDelta:", t, e);
       }
     } else
-      console.error(
-        "Could not find a valid blot for image (missing parent or domNode)",
-        this.img,
-        e
-      );
+      console.error("Could not find a valid blot for image (missing parent or domNode)", this.img, e);
   }
 }
 const g = 50, x = 50, b = 1200, y = 1200;
@@ -118,14 +112,23 @@ class w {
     n(this, "quill");
     n(this, "media", null);
     n(this, "box", null);
-    n(this, "startPos", { x: 0, y: 0 });
-    n(this, "startSize", { width: 0, height: 0 });
+    n(this, "startPos", {
+      x: 0,
+      y: 0
+    });
+    n(this, "startSize", {
+      width: 0,
+      height: 0
+    });
     n(this, "currentHandle", null);
     n(this, "aspectRatio", 1);
     n(this, "initResize", (e) => {
       if (typeof document > "u" || (e.preventDefault(), !this.media || !this.box)) return;
       const t = e.target;
-      this.currentHandle = t.dataset.corner || "se", this.startPos = { x: e.clientX, y: e.clientY }, this.startSize = {
+      this.currentHandle = t.dataset.corner || "se", this.startPos = {
+        x: e.clientX,
+        y: e.clientY
+      }, this.startSize = {
         width: this.media.clientWidth,
         height: this.media.clientHeight
       }, document.addEventListener("mousemove", this.performResize), document.addEventListener("mouseup", this.stopResize);
@@ -218,32 +221,20 @@ class w {
     const e = a.find(this.media);
     if (e && e.parent && e.domNode) {
       if (e === this.quill) {
-        console.error(
-          "Quill.find returned the Quill instance itself, not a Blot for media",
-          this.media
-        );
+        console.error("Quill.find returned the Quill instance itself, not a Blot for media", this.media);
         return;
       }
       try {
         const t = this.quill.getIndex(e), s = this.media.getAttribute("src") || "", i = this.media.tagName.toLowerCase();
-        this.quill.deleteText(t, 1), i === "img" ? this.quill.insertEmbed(t, "image", s, "user") : (i === "video" || i === "iframe") && this.quill.insertEmbed(t, "video", s, "user"), this.quill.formatText(
-          t,
-          1,
-          {
-            width: this.media.style.width,
-            height: this.media.style.height
-          },
-          "user"
-        );
+        this.quill.deleteText(t, 1), i === "img" ? this.quill.insertEmbed(t, "image", s, "user") : (i === "video" || i === "iframe") && this.quill.insertEmbed(t, "video", s, "user"), this.quill.formatText(t, 1, {
+          width: this.media.style.width,
+          height: this.media.style.height
+        }, "user");
       } catch (t) {
         console.error("Error processing blot in saveToDelta:", t, e);
       }
     } else
-      console.error(
-        "Could not find a valid blot for media (missing parent or domNode)",
-        this.media,
-        e
-      );
+      console.error("Could not find a valid blot for media (missing parent or domNode)", this.media, e);
   }
 }
 const R = {