@livepeer-frameworks/player-svelte 0.0.3

package/dist/ui/context-menu/ContextMenuRadioItem.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { ContextMenu } from "bits-ui";
+  import { cn } from "@livepeer-frameworks/player-core";
+
+  let {
+    class: className,
+    value,
+    ...rest
+  }: { class?: string; value: string } & Record<string, any> = $props();
+</script>
+
+<ContextMenu.RadioItem
+  class={cn("fw-context-menu-checkbox", className)}
+  {value}
+  {...rest}
+>
+  <div class="fw-context-menu-indicator">
+    <!-- Indicator state is managed by the underlying ContextMenu.RadioGroup. -->
+  </div>
+  <slot />
+</ContextMenu.RadioItem>

package/dist/ui/context-menu/ContextMenuRadioItem.svelte.d.ts

@@ -0,0 +1,31 @@
+type $$ComponentProps = {
+    class?: string;
+    value: string;
+} & Record<string, any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const ContextMenuRadioItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<$$ComponentProps, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, "">;
+type ContextMenuRadioItem = InstanceType<typeof ContextMenuRadioItem>;
+export default ContextMenuRadioItem;

package/dist/ui/context-menu/ContextMenuSeparator.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { ContextMenu } from "bits-ui";
+  import { cn } from "@livepeer-frameworks/player-core";
+
+  let {
+    class: className,
+    ...rest
+  }: { class?: string } = $props();
+</script>
+
+<ContextMenu.Separator
+  class={cn("fw-context-menu-separator", className)}
+  {...rest}
+/>

package/dist/ui/context-menu/ContextMenuSeparator.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    class?: string;
+};
+declare const ContextMenuSeparator: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextMenuSeparator = ReturnType<typeof ContextMenuSeparator>;
+export default ContextMenuSeparator;

package/dist/ui/context-menu/ContextMenuShortcut.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { cn } from "@livepeer-frameworks/player-core";
+
+  let {
+    children,
+    class: className,
+    ...rest
+  }: { children?: any; class?: string } = $props();
+</script>
+
+<span
+  class={cn(
+    "ml-auto text-xs tracking-widest text-muted-foreground",
+    className
+  )}
+  {...rest}
+>
+  {@render children?.()}
+</span>

package/dist/ui/context-menu/ContextMenuShortcut.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    children?: any;
+    class?: string;
+};
+declare const ContextMenuShortcut: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextMenuShortcut = ReturnType<typeof ContextMenuShortcut>;
+export default ContextMenuShortcut;

package/dist/ui/context-menu/ContextMenuSubContent.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { ContextMenu } from "bits-ui";
+  import { cn } from "@livepeer-frameworks/player-core";
+
+  let {
+    children,
+    class: className,
+    ...rest
+  }: { children?: any; class?: string } = $props();
+</script>
+
+<ContextMenu.SubContent
+  class={cn(
+    "z-50 min-w-[8rem] overflow-hidden rounded border border-[#5a607f]/30 bg-[#1a1b26] p-0 text-[#a9b1d6] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    className
+  )}
+  {...rest}
+>
+  {@render children?.()}
+</ContextMenu.SubContent>

package/dist/ui/context-menu/ContextMenuSubContent.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    children?: any;
+    class?: string;
+};
+declare const ContextMenuSubContent: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextMenuSubContent = ReturnType<typeof ContextMenuSubContent>;
+export default ContextMenuSubContent;

package/dist/ui/context-menu/ContextMenuSubTrigger.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+  import { ContextMenu } from "bits-ui";
+  import { cn } from "@livepeer-frameworks/player-core";
+
+  let {
+    children,
+    class: className,
+    inset = false,
+    ...rest
+  }: { children?: any; class?: string; inset?: boolean } = $props();
+</script>
+
+<ContextMenu.SubTrigger
+  class={cn(
+    "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-[#292e42] focus:text-[#c0caf5] data-[state=open]:bg-[#292e42] data-[state=open]:text-[#c0caf5] data-[highlighted]:bg-[#292e42] data-[highlighted]:text-[#c0caf5]",
+    inset && "pl-8",
+    className
+  )}
+  {...rest}
+>
+  {@render children?.()}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="ml-auto h-4 w-4"
+  >
+    <polyline points="9 18 15 12 9 6" />
+  </svg>
+</ContextMenu.SubTrigger>

package/dist/ui/context-menu/ContextMenuSubTrigger.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    children?: any;
+    class?: string;
+    inset?: boolean;
+};
+declare const ContextMenuSubTrigger: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContextMenuSubTrigger = ReturnType<typeof ContextMenuSubTrigger>;
+export default ContextMenuSubTrigger;

package/dist/ui/context-menu/index.d.ts

@@ -0,0 +1,17 @@
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import ContextMenuContent from "./ContextMenuContent.svelte";
+import ContextMenuItem from "./ContextMenuItem.svelte";
+import ContextMenuSeparator from "./ContextMenuSeparator.svelte";
+import ContextMenuLabel from "./ContextMenuLabel.svelte";
+import ContextMenuCheckboxItem from "./ContextMenuCheckboxItem.svelte";
+import ContextMenuRadioItem from "./ContextMenuRadioItem.svelte";
+import ContextMenuSubContent from "./ContextMenuSubContent.svelte";
+import ContextMenuSubTrigger from "./ContextMenuSubTrigger.svelte";
+import ContextMenuShortcut from "./ContextMenuShortcut.svelte";
+import ContextMenuPortal from "./ContextMenuPortal.svelte";
+declare const ContextMenu: import("svelte").Component<import("bits-ui").ContextMenuRootPropsWithoutHTML, {}, "open">;
+declare const ContextMenuTrigger: import("svelte").Component<ContextMenuPrimitive.TriggerProps, {}, "ref">;
+declare const ContextMenuGroup: import("svelte").Component<ContextMenuPrimitive.GroupProps, {}, "ref">;
+declare const ContextMenuSub: import("svelte").Component<import("bits-ui").ContextMenuSubPropsWithoutHTML, {}, "open">;
+declare const ContextMenuRadioGroup: import("svelte").Component<ContextMenuPrimitive.RadioGroupProps, {}, "value" | "ref">;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/ui/context-menu/index.js

@@ -0,0 +1,17 @@
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import ContextMenuContent from "./ContextMenuContent.svelte";
+import ContextMenuItem from "./ContextMenuItem.svelte";
+import ContextMenuSeparator from "./ContextMenuSeparator.svelte";
+import ContextMenuLabel from "./ContextMenuLabel.svelte";
+import ContextMenuCheckboxItem from "./ContextMenuCheckboxItem.svelte";
+import ContextMenuRadioItem from "./ContextMenuRadioItem.svelte";
+import ContextMenuSubContent from "./ContextMenuSubContent.svelte";
+import ContextMenuSubTrigger from "./ContextMenuSubTrigger.svelte";
+import ContextMenuShortcut from "./ContextMenuShortcut.svelte";
+import ContextMenuPortal from "./ContextMenuPortal.svelte";
+const ContextMenu = ContextMenuPrimitive.Root;
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@livepeer-frameworks/player-svelte",
+  "version": "0.0.3",
+  "type": "module",
+  "description": "Svelte 5 components for FrameWorks streaming player",
+  "svelte": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "exports": {
+    ".": {
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./player.css": "./src/player.css"
+  },
+  "scripts": {
+    "build": "svelte-package -i src -o dist",
+    "build:watch": "svelte-package -i src -o dist --watch",
+    "type-check": "svelte-check"
+  },
+  "dependencies": {
+    "@livepeer-frameworks/player-core": "workspace:*",
+    "bits-ui": "^2.14.4"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "svelte": "^5.33.5",
+    "svelte-check": "^4.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^5.4.0"
+  },
+  "keywords": [
+    "svelte",
+    "svelte5",
+    "streaming",
+    "player",
+    "video"
+  ],
+  "author": "Livepeer FrameWorks",
+  "license": "Unlicense"
+}