@salina-app/media-editor 0.1.76 → 0.1.78

package/README.md

@@ -1,15 +1,15 @@
-# React + Vite + Tailwind + Storybook
-
-This repository is a component library built for React using Vite, Tailwind, and Storybook.
-
-## Setting up Vite
-
-```js
-yarn create vite
-yarn
-yarn dev
-```
-
-## Setting up Tailwind/Shadcn
-
-[Tailwind](https://ui.shadcn.com/docs/installation/vite)
+# React + Vite + Tailwind + Storybook
+
+This repository is a component library built for React using Vite, Tailwind, and Storybook.
+
+## Setting up Vite
+
+```js
+yarn create vite
+yarn
+yarn dev
+```
+
+## Setting up Tailwind/Shadcn
+
+[Tailwind](https://ui.shadcn.com/docs/installation/vite)

package/package.json

@@ -1,96 +1,96 @@
-{
-  "name": "@salina-app/media-editor",
-  "version": "0.1.76",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/main.d.ts",
-  "style": "dist/index.css",
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "dependencies": {
-    "@iconify/react": "^5.2.0",
-    "@radix-ui/react-alert-dialog": "^1.1.4",
-    "@radix-ui/react-context-menu": "^2.2.7",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-select": "^2.1.5",
-    "@radix-ui/react-slot": "^1.1.1",
-    "@radix-ui/react-switch": "^1.1.2",
-    "@radix-ui/react-toast": "^1.2.4",
-    "@radix-ui/react-tooltip": "^1.1.6",
-    "axios": "^1.7.9",
-    "bson-objectid": "^2.0.4",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "framer-motion": "^11.15.0",
-    "jwt-encode": "^1.0.1",
-    "lucide-react": "^0.469.0",
-    "react": "^18.3.1",
-    "react-contenteditable": "^3.3.7",
-    "react-dom": "^18.3.1",
-    "react-icons": "^5.4.0",
-    "react-resizable-panels": "^2.1.7",
-    "react-scan": "^0.3.3",
-    "sonner": "^1.7.1",
-    "tailwind-merge": "^2.6.0",
-    "tailwindcss-animate": "^1.0.7",
-    "video.js": "^8.21.0",
-    "videojs-youtube": "^3.0.1",
-    "wavesurfer.js": "^7.8.15",
-    "zod": "^3.24.1",
-    "zustand": "^5.0.2"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "3.2.3",
-    "@eslint/js": "^9.17.0",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-onboarding": "8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/react": "8.4.7",
-    "@storybook/react-vite": "8.4.7",
-    "@storybook/test": "8.4.7",
-    "@types/jwt-encode": "^1.0.3",
-    "@types/node": "^22.10.5",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-virtualized": "^9.22.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.11.2",
-    "globals": "^15.14.0",
-    "postcss": "^8.4.49",
-    "storybook": "8.4.7",
-    "tailwindcss": "^3.4.17",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "^6.0.5",
-    "vite-plugin-dts": "^4.4.0"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  }
-}
+{
+  "name": "@salina-app/media-editor",
+  "version": "0.1.78",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/main.d.ts",
+  "style": "dist/index.css",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@iconify/react": "^5.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-context-menu": "^2.2.7",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-select": "^2.1.5",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.1.6",
+    "axios": "^1.7.9",
+    "bson-objectid": "^2.0.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "framer-motion": "^11.15.0",
+    "jwt-encode": "^1.0.1",
+    "lucide-react": "^0.469.0",
+    "react": "^18.3.1",
+    "react-contenteditable": "^3.3.7",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.4.0",
+    "react-resizable-panels": "^2.1.7",
+    "react-scan": "^0.3.3",
+    "sonner": "^1.7.1",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7",
+    "video.js": "^8.21.0",
+    "videojs-youtube": "^3.0.1",
+    "wavesurfer.js": "^7.8.15",
+    "zod": "^3.24.1",
+    "zustand": "^5.0.2"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "3.2.3",
+    "@eslint/js": "^9.17.0",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-onboarding": "8.4.7",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/react-vite": "8.4.7",
+    "@storybook/test": "8.4.7",
+    "@types/jwt-encode": "^1.0.3",
+    "@types/node": "^22.10.5",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-virtualized": "^9.22.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.11.2",
+    "globals": "^15.14.0",
+    "postcss": "^8.4.49",
+    "storybook": "8.4.7",
+    "tailwindcss": "^3.4.17",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.4.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}

package/dist/assets/icons/FolderOpen.d.ts

@@ -1,4 +0,0 @@
-declare const FolderOpen: ({ color }: {
-    color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FolderOpen;

package/dist/assets/icons/UploadCircle.d.ts

@@ -1,2 +0,0 @@
-declare const UploadCircle: () => import("react/jsx-runtime").JSX.Element;
-export default UploadCircle;

package/dist/assets/icons/Video.d.ts

@@ -1,4 +0,0 @@
-declare const Video: ({ className }: {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Video;

package/dist/components/customs/AnimatedLoader/AnimatedLoader.d.ts

@@ -1,8 +0,0 @@
-export interface IconProps {
-    height?: string | number;
-    width?: string | number;
-    color?: string;
-    className?: string;
-    onClick?: () => void;
-}
-export declare const AnimatedLoader: ({ color, className, height, width, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/customs/Dialog/AlertDialog.d.ts

@@ -1,2 +0,0 @@
-declare const AlertDialog: () => import("react/jsx-runtime").JSX.Element;
-export default AlertDialog;

package/dist/components/customs/Highlight/HighlightSelection.d.ts

@@ -1,28 +0,0 @@
-import { SelectProps } from '@radix-ui/react-select';
-declare const highlightOptions: readonly [{
-    readonly value: "off";
-    readonly name: "Off";
-}, {
-    readonly value: "option1";
-    readonly name: "Highlight 1";
-}, {
-    readonly value: "option2";
-    readonly name: "Highlight 2";
-}, {
-    readonly value: "option3";
-    readonly name: "Highlight 3";
-}];
-export type HighlightOptionValue = (typeof highlightOptions)[number]['value'];
-export interface HighlightSelectionProps extends Omit<SelectProps, 'value' | 'onValueChange'> {
-    className?: string;
-    defaultValue?: HighlightOptionValue;
-    useStore?: boolean;
-    value?: HighlightOptionValue;
-    onValueChange?: (value: HighlightOptionValue) => void;
-}
-/**
- * Reusable highlight selection dropdown component
- * Can work with internal store state or be controlled externally
- */
-declare const HighlightSelection: import('react').ForwardRefExoticComponent<HighlightSelectionProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default HighlightSelection;

package/dist/components/customs/Player/NewPlayer.d.ts

@@ -1,22 +0,0 @@
-export type Track = {
-    default?: boolean;
-    kind: string;
-    label: string;
-    src: string;
-    srclang: string;
-};
-interface PlayerProps {
-    /** Video Tracks */
-    tracks?: Track[];
-    /** Custom class name */
-    className?: string;
-    /** Timestamp ranges for highlighting */
-    timestampRanges?: Array<{
-        startSeconds: number | null;
-        endSeconds: number | null;
-    }>;
-    /** Callback when player is ready */
-    onReady?: (player: any) => void;
-}
-declare const _default: import('react').MemoExoticComponent<({ tracks, className, timestampRanges, onReady, ...props }: PlayerProps) => JSX.Element>;
-export default _default;

package/dist/components/customs/Player/Player.d.ts

@@ -1,15 +0,0 @@
-export type Track = {
-    default?: boolean;
-    kind: string;
-    label: string;
-    src: string;
-    srclang: string;
-};
-interface PlayerProps {
-    /** Video Tracks */
-    tracks?: Track[];
-    /** Custom class name */
-    className?: string;
-}
-declare const _default: import('react').MemoExoticComponent<({ tracks, className, ...props }: PlayerProps) => JSX.Element>;
-export default _default;

package/dist/components/customs/Player/StringIcons.d.ts

@@ -1,7 +0,0 @@
-export declare const PlayIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M17.8749 10.9024C17.4709 12.3349 15.5619 13.3472 11.7436 15.3718C8.05256 17.3289 6.20708 18.3076 4.7198 17.9142C4.10491 17.7515 3.54467 17.4427 3.09284 17.0173C2 15.9881 2 13.9921 2 9.99999C2 6.00789 2 4.01184 3.09284 2.98274C3.54467 2.55728 4.10491 2.24841 4.7198 2.08578C6.20708 1.69243 8.05256 2.67101 11.7436 4.62819C15.5619 6.65276 17.4709 7.66506 17.8749 9.09759C18.0417 9.68895 18.0417 10.311 17.8749 10.9024Z\" fill=\"white\"/></svg>";
-export declare const PauseIcon = "<svg\n        width=\"20\" height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M4 7C4 5.58579 4 4.87868 4.43934 4.43934C4.87868 4 5.58579 4 7 4C8.41421 4 9.12132 4 9.56066 4.43934C10 4.87868 10 5.58579 10 7V17C10 18.4142 10 19.1213 9.56066 19.5607C9.12132 20 8.41421 20 7 20C5.58579 20 4.87868 20 4.43934 19.5607C4 19.1213 4 18.4142 4 17V7Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M14 7C14 5.58579 14 4.87868 14.4393 4.43934C14.8787 4 15.5858 4 17 4C18.4142 4 19.1213 4 19.5607 4.43934C20 4.87868 20 5.58579 20 7V17C20 18.4142 20 19.1213 19.5607 19.5607C19.1213 20 18.4142 20 17 20C15.5858 20 14.8787 20 14.4393 19.5607C14 19.1213 14 18.4142 14 17V7Z\"\n              fill=\"currentColor\"\n            />\n          </svg>";
-export declare const PlayBack10 = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M8.00065 3.33203L7.26472 2.30176C6.99072 1.9181 6.85365 1.72628 6.94018 1.5481C7.02672 1.36992 7.24658 1.35972 7.68638 1.33931C7.79052 1.33448 7.89532 1.33203 8.00065 1.33203C11.6825 1.33203 14.6673 4.3168 14.6673 7.9987C14.6673 11.6806 11.6825 14.6654 8.00065 14.6654C4.31875 14.6654 1.33398 11.6806 1.33398 7.9987C1.33398 5.8176 2.38139 3.88115 4.00065 2.66488\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M5.32812 7.33441C5.68012 7.05441 6.00013 6.5927 6.20013 6.67841C6.40013 6.76415 6.33613 7.04641 6.33613 7.48641C6.33613 7.92641 6.33613 9.78821 6.33613 10.6704\" stroke=\"white\" stroke-linecap=\"round\"/>\n<path d=\"M10.6681 8.39925C10.6681 7.47925 10.7121 7.23125 10.5361 6.93525C10.3601 6.63925 9.92012 6.66485 9.48012 6.66485C9.04012 6.66485 8.72013 6.63925 8.50813 6.87925C8.24813 7.15925 8.36013 7.67925 8.32812 8.39925C8.40013 9.35925 8.20412 10.1192 8.50412 10.4392C8.72012 10.7032 9.10353 10.6632 9.56013 10.6712C10.0134 10.6657 10.2881 10.6872 10.5121 10.4312C10.7601 10.2072 10.6401 9.31925 10.6681 8.39925Z\" stroke=\"white\" stroke-linecap=\"round\"/>\n</svg>";
-export declare const PlayForward10 = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M8.00065 3.33203L8.73658 2.30176C9.01058 1.9181 9.14765 1.72628 9.06112 1.5481C8.97458 1.36992 8.75472 1.35972 8.31492 1.33931C8.21078 1.33448 8.10598 1.33203 8.00065 1.33203C4.31878 1.33203 1.33398 4.3168 1.33398 7.9987C1.33398 11.6806 4.31878 14.6654 8.00065 14.6654C11.6826 14.6654 14.6673 11.6806 14.6673 7.9987C14.6673 5.8176 13.6199 3.88115 12.0007 2.66488\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M5.32812 7.33441C5.68012 7.05441 6.00013 6.5927 6.20013 6.67841C6.40013 6.76415 6.33613 7.04641 6.33613 7.48641C6.33613 7.92641 6.33613 9.78821 6.33613 10.6704\" stroke=\"white\" stroke-linecap=\"round\"/>\n<path d=\"M10.6681 8.39925C10.6681 7.47925 10.7121 7.23125 10.5361 6.93525C10.3601 6.63925 9.92012 6.66485 9.48012 6.66485C9.04012 6.66485 8.72013 6.63925 8.50813 6.87925C8.24813 7.15925 8.36013 7.67925 8.32812 8.39925C8.40013 9.35925 8.20412 10.1192 8.50412 10.4392C8.72012 10.7032 9.10353 10.6632 9.56013 10.6712C10.0134 10.6657 10.2881 10.6872 10.5121 10.4312C10.7601 10.2072 10.6401 9.31925 10.6681 8.39925Z\" stroke=\"white\" stroke-linecap=\"round\"/>\n</svg>";
-export declare const CCIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M1.66602 10C1.66602 6.68361 1.66602 5.02541 2.54335 3.91834C2.68367 3.74128 2.83833 3.57752 3.00557 3.42894C4.05112 2.5 5.6172 2.5 8.74935 2.5H11.2493C14.3815 2.5 15.9476 2.5 16.9931 3.42894C17.1603 3.57752 17.315 3.74128 17.4553 3.91834C18.3327 5.02541 18.3327 6.68361 18.3327 10C18.3327 13.3164 18.3327 14.9746 17.4553 16.0817C17.315 16.2587 17.1603 16.4225 16.9931 16.5711C15.9476 17.5 14.3815 17.5 11.2493 17.5H8.74935C5.6172 17.5 4.05112 17.5 3.00557 16.5711C2.83833 16.4225 2.68367 16.2587 2.54335 16.0817C1.66602 14.9746 1.66602 13.3164 1.66602 10Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n          <path d=\"M8.75065 7.5H8.33398C7.55742 7.5 7.16913 7.5 6.86284 7.62687C6.45447 7.79602 6.13001 8.12048 5.96085 8.52883C5.83398 8.83517 5.83398 9.22342 5.83398 10C5.83398 10.7766 5.83398 11.1648 5.96085 11.4712C6.13001 11.8795 6.45447 12.204 6.86284 12.3732C7.16913 12.5 7.55742 12.5 8.33398 12.5H8.75065M14.1673 7.5H13.7507C12.9741 7.5 12.5858 7.5 12.2795 7.62687C11.8712 7.79602 11.5467 8.12048 11.3775 8.52883C11.2507 8.83517 11.2507 9.22342 11.2507 10C11.2507 10.7766 11.2507 11.1648 11.3775 11.4712C11.5467 11.8795 11.8712 12.204 12.2795 12.3732C12.5858 12.5 12.9741 12.5 13.7507 12.5H14.1673\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n           </svg>";
-export declare const PipIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.58464 16.6693H8.33464C5.19194 16.6693 3.62059 16.6693 2.64428 15.6929C1.66797 14.7167 1.66797 13.1453 1.66797 10.0026C1.66797 6.8599 1.66797 5.28856 2.64428 4.31225C3.62059 3.33594 5.19194 3.33594 8.33464 3.33594H11.668C14.8106 3.33594 16.3821 3.33594 17.3583 4.31225C18.2905 5.24442 18.3326 6.71905 18.3346 9.58594\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M17.0846 11.6641H12.918C12.2276 11.6641 11.668 12.2237 11.668 12.9141V15.4141C11.668 16.1044 12.2276 16.6641 12.918 16.6641H17.0846C17.775 16.6641 18.3346 16.1044 18.3346 15.4141V12.9141C18.3346 12.2237 17.775 11.6641 17.0846 11.6641Z\" stroke=\"white\" stroke-width=\"1.5\"/>\n<path d=\"M9.16667 7.91406V9.9974C9.20625 10.4761 8.83617 10.8506 8.33333 10.8307H6.25M5 6.66406L8.33333 9.9974\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
-export declare const SettingsIcon = "<div \n        style=\"display: flex; justify-content: space-between; width: 100%;\">\n  <div>CC</div>\n  <div><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.6587 5.5707L12.4119 5.1424C12.2253 4.81848 12.132 4.65653 11.9732 4.59194C11.8144 4.52736 11.6348 4.57832 11.2756 4.68024L10.6655 4.85209C10.4362 4.90497 10.1956 4.87497 9.9863 4.7674L9.81785 4.67021C9.6383 4.55522 9.5002 4.38567 9.42375 4.18637L9.2568 3.68768C9.147 3.35767 9.0921 3.19267 8.9614 3.09829C8.83075 3.00391 8.65715 3.00391 8.30995 3.00391H7.75255C7.4054 3.00391 7.2318 3.00391 7.1011 3.09829C6.97042 3.19267 6.91553 3.35767 6.80574 3.68768L6.63876 4.18637C6.56232 4.38567 6.42422 4.55522 6.24468 4.67021L6.07624 4.7674C5.86687 4.87497 5.62629 4.90497 5.39699 4.85209L4.78687 4.68024C4.4277 4.57832 4.24812 4.52736 4.08933 4.59194C3.93054 4.65653 3.83722 4.81848 3.65057 5.1424L3.40378 5.5707C3.22883 5.87432 3.14135 6.02614 3.15833 6.18775C3.1753 6.34936 3.29241 6.47959 3.52663 6.74006L4.04215 7.3164C4.16815 7.4759 4.2576 7.7539 4.2576 8.00385C4.2576 8.2539 4.16818 8.5318 4.04216 8.69135L3.52663 9.2677C3.29241 9.5282 3.17531 9.6584 3.15833 9.82005C3.14135 9.98165 3.22883 10.1335 3.40378 10.4371L3.65057 10.8654C3.83721 11.1893 3.93054 11.3513 4.08933 11.4158C4.24812 11.4804 4.42771 11.4295 4.78688 11.3275L5.39697 11.1557C5.62631 11.1028 5.86693 11.1328 6.07633 11.2404L6.24475 11.3376C6.42425 11.4526 6.56232 11.6221 6.63875 11.8214L6.80574 12.3202C6.91553 12.6502 6.97042 12.8152 7.1011 12.9096C7.2318 13.0039 7.4054 13.0039 7.75255 13.0039H8.30995C8.65715 13.0039 8.83075 13.0039 8.9614 12.9096C9.0921 12.8152 9.147 12.6502 9.2568 12.3202L9.4238 11.8214C9.5002 11.6221 9.63825 11.4526 9.8178 11.3376L9.9862 11.2404C10.1956 11.1328 10.4362 11.1028 10.6655 11.1557L11.2756 11.3275C11.6348 11.4295 11.8144 11.4804 11.9732 11.4158C12.132 11.3513 12.2253 11.1893 12.4119 10.8654L12.6587 10.4371C12.8337 10.1335 12.9211 9.98165 12.9042 9.82005C12.8872 9.6584 12.7701 9.5282 12.5359 9.2677L12.0203 8.69135C11.8943 8.5318 11.8049 8.2539 11.8049 8.00385C11.8049 7.7539 11.8944 7.4759 12.0203 7.3164L12.5359 6.74006C12.7701 6.47959 12.8872 6.34936 12.9042 6.18775C12.9211 6.02614 12.8337 5.87432 12.6587 5.5707Z\" stroke=\"#01010B\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n<path d=\"M9.75975 8C9.75975 8.9665 8.97625 9.75 8.00975 9.75C7.04325 9.75 6.25977 8.9665 6.25977 8C6.25977 7.0335 7.04325 6.25 8.00975 6.25C8.97625 6.25 9.75975 7.0335 9.75975 8Z\" stroke=\"#01010B\" stroke-width=\"1.5\"/>\n</svg></div>\n\n</div>";

package/dist/components/customs/Player/playerConfig.d.ts

@@ -1,82 +0,0 @@
-import { Track } from './Player';
-/**
- * Checks if the provided URL is a YouTube link
- * Supports various YouTube URL formats:
- * - youtube.com/watch?v=VIDEO_ID
- * - youtu.be/VIDEO_ID
- * - youtube.com/embed/VIDEO_ID
- * - youtube.com/v/VIDEO_ID
- * - youtube.com/shorts/VIDEO_ID
- */
-export declare const isYoutubeLink: (url: string) => boolean;
-/**
- * Extracts YouTube video ID from a YouTube URL
- * Supports various YouTube URL formats
- */
-export declare const getYoutubeVideoId: (url: string) => string | null;
-/**
- * Creates specific YouTube player configuration options
- */
-export declare const createYoutubeOptions: (videoId: string) => {
-    techOrder: string[];
-    youtube: {
-        videoId: string;
-        iv_load_policy: number;
-        modestbranding: number;
-        playsinline: number;
-        rel: number;
-        showinfo: number;
-        controls: number;
-        fs: number;
-        disablekb: number;
-        quality: string;
-        volume: number;
-    };
-};
-export declare const createVideoOptions: (src: string, tracks?: Track[]) => {
-    autoplay: boolean;
-    controls: boolean;
-    fluid: boolean;
-    enableSmoothSeeking: boolean;
-    experimentalSvgIcons: boolean;
-    icons: {
-        play: {
-            filled: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
-        };
-    };
-    enableDocumentPictureInPicture: boolean;
-    responsive: boolean;
-    preload: string;
-    crossOrigin: string;
-    controlBar: {
-        volumePanel: {
-            inline: boolean;
-        };
-        timeDivider: boolean;
-        currentTimeDisplay: boolean;
-        durationDisplay: boolean;
-        remainingTimeDisplay: boolean;
-        chaptersButton: boolean;
-        playToggle: boolean;
-        pictureInPictureToggle: boolean;
-    };
-    language: string;
-    userActions: {
-        hotkeys: boolean;
-    };
-    sources: {
-        src: string;
-        type: string;
-    }[];
-    tracks: Track[] | undefined;
-};
-export declare const createCustomButton: ({ player, innerHTML, onClick, onMouseEnter, onMouseLeave, additionalClassname, index, buttonName, }: {
-    player: any;
-    innerHTML: string;
-    onClick?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    additionalClassname?: string;
-    index: number;
-    buttonName: string;
-}) => void;

package/dist/components/customs/Source/DirectoryList.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    endpoint: string;
-    startEndpoint: string;
-    userToken: string;
-    className?: string;
-}
-declare const _default: import('react').MemoExoticComponent<({ endpoint, startEndpoint, userToken, className, }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Source/FileIcon.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-interface FileIconProps {
-    fileName: string;
-    filePath: string;
-    mainFilePath?: string;
-}
-declare const FileIcon: React.FC<FileIconProps>;
-export default FileIcon;

package/dist/components/customs/Source/SubDirectory.d.ts

@@ -1,12 +0,0 @@
-import { IDirectory } from '../../../lib/typings/IDirectory';
-type SubDirectoryListProps = IDirectory & {
-    endpoint: string;
-    fromMain?: boolean;
-    fromUpload?: boolean;
-    reloadTriggerMain?: number;
-    userToken?: string;
-    onTokenError?: () => void;
-    onFileClick?: (url?: string) => Promise<void>;
-};
-declare const _default: import('react').MemoExoticComponent<({ is_directory, name, path, endpoint, fromMain, fromUpload, reloadTriggerMain, userToken, onFileClick, }: SubDirectoryListProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Source/TrimmedList.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    endpoint: string;
-    pathname: string;
-    userToken?: string;
-    className?: string;
-}
-declare const TrimmedList: ({ endpoint, userToken, pathname, className }: Props) => import("react/jsx-runtime").JSX.Element;
-export default TrimmedList;

package/dist/components/customs/Timeline/CCBlocks.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Timeline/Timeline.d.ts

@@ -1,14 +0,0 @@
-interface TimelineProps {
-    /** Whether the timeline is being used within a chapter view */
-    isInChapter?: boolean;
-    /** Optional className for styling the timeline component */
-    className?: string;
-    /** User authentication token for accessing protected resources */
-    userToken?: string;
-    /** Initial zoom level for the timeline (default: 85) */
-    defaultZoomSize?: number;
-    /** Whether to apply an offset at the start of the timeline */
-    startOffset?: boolean;
-}
-declare const _default: import('react').MemoExoticComponent<({ isInChapter, className, userToken, defaultZoomSize, startOffset, }: TimelineProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Timeline/TimelineCard/CCBlock.d.ts

@@ -1,10 +0,0 @@
-import { ITranscriptTimestamps } from '../../../../lib/typings/ISalina';
-interface Props {
-    transcript: ITranscriptTimestamps;
-    index: number;
-    endTime: string;
-    segmentBefore: ITranscriptTimestamps;
-    segmentAfter: ITranscriptTimestamps;
-}
-declare const CCBlock: ({ transcript, index }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CCBlock;

package/dist/components/customs/Timeline/TimelineCard/CCBlockAdd.d.ts

@@ -1,8 +0,0 @@
-import { ITranscriptTimestamps } from '../../../../lib/typings/ISalina';
-interface Props {
-    transcript: ITranscriptTimestamps;
-    zoomSize?: number;
-    endTime: string;
-}
-declare const CCBlockAdd: ({ transcript, zoomSize }: Props) => import("react/jsx-runtime").JSX.Element;
-export default CCBlockAdd;

package/dist/components/customs/Timeline/TimelineCard/TrimCard.d.ts

@@ -1,28 +0,0 @@
-import { ISource } from '../../../../lib/typings/ISource';
-import { ITranscript } from '../../../../lib/typings/ITranscript';
-export type IAlertDialog = {
-    isOpen: boolean;
-    title: string;
-    description: string;
-    variant: "default" | "destructive";
-    onConfirm: () => void;
-};
-interface TrimCardProps {
-    id: string;
-    index: number;
-    zoomSize: number;
-    timestamp_start: string;
-    timestamp_end: string;
-    segment: string;
-    isDone: boolean;
-    processStatus: string | null;
-    redirect: string | null;
-    title: string;
-    sources: ISource[];
-    transcription: ITranscript[] | null;
-    userToken?: string;
-    setTranscript?: (transcript: ITranscript[]) => void;
-    setTranscriptId?: (transcriptId: string) => void;
-}
-declare const TrimCard: ({ id, index, zoomSize, timestamp_start, timestamp_end, segment, isDone, processStatus, redirect, title, sources, transcription, userToken, setTranscript, setTranscriptId, }: TrimCardProps) => import("react/jsx-runtime").JSX.Element;
-export default TrimCard;

package/dist/components/customs/Timeline/TimelineCard/TrimCardDetails.d.ts

@@ -1,25 +0,0 @@
-import { ISource } from '../../../../lib/typings/ISource';
-interface TrimCardDetailsProps {
-    id: string;
-    index: number;
-    title: string;
-    segmentType: string;
-    setSegmentType: (segmentType: string) => void;
-    isDone: boolean;
-    redirect: string | null;
-    toggleRetry: boolean;
-    isProcessing: boolean;
-    setIsProcessing: (isProcessing: boolean) => void;
-    mainFilePath?: string;
-    setIsModalOpen: (isModalOpen: boolean) => void;
-    sources: ISource[];
-    setToggleRetry: (toggleRetry: boolean) => void;
-    userToken?: string;
-}
-export type TrimCardDetailsFunctionsRef = {
-    deleteTrimCardTrigger: () => void;
-    handleProcessClipTrigger: () => void;
-    handleReprocessClipTrigger: () => void;
-};
-declare const TrimCardDetails: import('react').ForwardRefExoticComponent<TrimCardDetailsProps & import('react').RefAttributes<TrimCardDetailsFunctionsRef>>;
-export default TrimCardDetails;

package/dist/components/customs/Timeline/TimelineCards.d.ts

@@ -1,10 +0,0 @@
-interface Props {
-    videoDuration: number;
-    timelineWidth: number;
-    excessTimestampWidth: number;
-    cardAlignmentStart: () => number;
-    cardWidthDefault: () => number;
-    userToken?: string;
-}
-declare const _default: import('react').MemoExoticComponent<({ videoDuration, timelineWidth, excessTimestampWidth, cardAlignmentStart, cardWidthDefault, userToken, }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Timeline/TimelineControls.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    showTimeline: boolean;
-    setShowTimeline: (showTimeline: boolean) => void;
-    className?: string;
-}
-declare const _default: import('react').MemoExoticComponent<({ showTimeline, setShowTimeline, className, }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Timeline/TimelineGrabber.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    timelineWidth: number;
-    timelineRef: React.RefObject<HTMLDivElement>;
-    onGrab?: () => void;
-    onRelease?: () => void;
-    className?: string;
-    onDrag?: (x: number) => void;
-    isInChapter?: boolean;
-}
-declare const TimelineGrabber: import('react').MemoExoticComponent<({ timelineWidth, timelineRef, onGrab, onRelease, className, onDrag, isInChapter, }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default TimelineGrabber;

package/dist/components/customs/Timeline/TimelineIndicator.d.ts

@@ -1,2 +0,0 @@
-declare const TimelineIndicator: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
-export default TimelineIndicator;

package/dist/components/customs/Timeline/TimelineSpacer.d.ts

@@ -1,5 +0,0 @@
-interface Props {
-    startOffset?: boolean;
-}
-declare const _default: import('react').MemoExoticComponent<({ startOffset }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Timeline/TimelineThumbnails.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    thumbnails: string[];
-    timelineWidth: number;
-    excessTimestampWidth: number;
-    zoomSize: number;
-}
-declare const _default: import('react').MemoExoticComponent<({ thumbnails, zoomSize, timelineWidth, excessTimestampWidth, }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/customs/Timeline/TimelineTimestamps.d.ts

@@ -1,9 +0,0 @@
-interface Props {
-    playerRef: any;
-    timestamps: string[];
-    zoomSize: number;
-    videoDuration: number;
-    setVideoCurrentTime: (videoCurrentTime: number) => void;
-}
-declare const _default: import('react').MemoExoticComponent<({ playerRef, timestamps, zoomSize, videoDuration, setVideoCurrentTime, }: Props) => import("react/jsx-runtime").JSX.Element>;
-export default _default;