@livepeer-frameworks/player-react 0.1.0 → 0.1.2

package/dist/esm/ui/badge.js

@@ -0,0 +1,31 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { cn } from '@livepeer-frameworks/player-core';
+
+var _excluded = ["className", "variant"];
+var badgeVariants = cva("inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 ring-offset-background", {
+  variants: {
+    variant: {
+      "default": "bg-primary text-primary-foreground hover:bg-primary/80",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      outline: "border-border text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge(_ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsx("div", _objectSpread2({
+    className: cn(badgeVariants({
+      variant: variant
+    }), className)
+  }, props));
+}
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/esm/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../../src/ui/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@livepeer-frameworks/player-core\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        outline: \"border-border text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva","variants","variant","secondary","outline","defaultVariants","Badge","_ref","className","props","_objectWithoutProperties","_excluded","_jsx","cn"],"mappings":";;;;;;AAIA,IAAMA,aAAa,GAAGC,GAAG,CACvB,kNAAkN,EAClN;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AACP,MAAA,SAAA,EAAS,wDAAwD;AACjEC,MAAAA,SAAS,EAAE,8DAA8D;AACzEC,MAAAA,OAAO,EAAE;AACV;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;AAMH,SAASI,KAAKA,CAAAC,IAAA,EAA6C;AAAA,EAAA,IAA1CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEN,OAAO,GAAAK,IAAA,CAAPL,OAAO;AAAKO,IAAAA,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;AAC3C,EAAA,OAAOC;AAAKJ,IAAAA,SAAS,EAAEK,EAAE,CAACd,aAAa,CAAC;AAAEG,MAAAA,OAAO,EAAPA;KAAS,CAAC,EAAEM,SAAS;GAAC,EAAMC,KAAK,EAAI;AACjF;;;;"}

package/dist/esm/ui/button.js

@@ -0,0 +1,52 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '@livepeer-frameworks/player-core';
+
+var _excluded = ["className", "variant", "size", "asChild"];
+var buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background", {
+  variants: {
+    variant: {
+      "default": "bg-primary text-primary-foreground hover:bg-primary/90",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground",
+      outline: "border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",
+      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+      subtle: "bg-muted text-muted-foreground hover:bg-muted/80",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      "default": "h-10 px-4 py-2",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8",
+      icon: "h-9 w-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    _ref$asChild = _ref.asChild,
+    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Comp = asChild ? Slot : "button";
+  return jsx(Comp, _objectSpread2({
+    className: cn(buttonVariants({
+      variant: variant,
+      size: size,
+      className: className
+    })),
+    ref: ref
+  }, props));
+});
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/esm/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/ui/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@livepeer-frameworks/player-core\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        outline: \"border border-border bg-transparent hover:bg-accent hover:text-accent-foreground\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        subtle: \"bg-muted text-muted-foreground hover:bg-muted/80\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","variants","variant","secondary","ghost","outline","destructive","subtle","link","size","sm","lg","icon","defaultVariants","Button","React","forwardRef","_ref","ref","className","_ref$asChild","asChild","props","_objectWithoutProperties","_excluded","Comp","Slot","_jsx","_objectSpread","cn","displayName"],"mappings":";;;;;;;;AAKA,IAAMA,cAAc,GAAGC,GAAG,CACxB,wRAAwR,EACxR;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AACP,MAAA,SAAA,EAAS,wDAAwD;AACjEC,MAAAA,SAAS,EAAE,8DAA8D;AACzEC,MAAAA,KAAK,EAAE,8CAA8C;AACrDC,MAAAA,OAAO,EAAE,kFAAkF;AAC3FC,MAAAA,WAAW,EAAE,oEAAoE;AACjFC,MAAAA,MAAM,EAAE,kDAAkD;AAC1DC,MAAAA,IAAI,EAAE;KACP;AACDC,IAAAA,IAAI,EAAE;AACJ,MAAA,SAAA,EAAS,gBAAgB;AACzBC,MAAAA,EAAE,EAAE,qBAAqB;AACzBC,MAAAA,EAAE,EAAE,sBAAsB;AAC1BC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfX,IAAAA,OAAO,EAAE,SAAS;AAClBO,IAAAA,IAAI,EAAE;AACP;AACF,CAAA;AAQH,IAAMK,MAAM,gBAAGC,KAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAA0DC,GAAG,EAAI;AAAA,EAAA,IAA9DC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEjB,OAAO,GAAAe,IAAA,CAAPf,OAAO;IAAEO,IAAI,GAAAQ,IAAA,CAAJR,IAAI;IAAAW,YAAA,GAAAH,IAAA,CAAEI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AACpD,EAAA,IAAMC,IAAI,GAAGJ,OAAO,GAAGK,IAAI,GAAG,QAAQ;AACtC,EAAA,OACEC,GAAA,CAACF,IAAI,EAAAG,cAAA,CAAA;AAACT,IAAAA,SAAS,EAAEU,EAAE,CAAC9B,cAAc,CAAC;AAAEG,MAAAA,OAAO,EAAPA,OAAO;AAAEO,MAAAA,IAAI,EAAJA,IAAI;AAAEU,MAAAA,SAAS,EAATA;AAAS,KAAE,CAAC,CAAC;AAAED,IAAAA,GAAG,EAAEA;GAAG,EAAMI,KAAK,CAAA,CAAI;AAE9F,CAAC;AAEHR,MAAM,CAACgB,WAAW,GAAG,QAAQ;;;;"}

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

@@ -0,0 +1,132 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ChevronRight, Check, Circle } from 'lucide-react';
+import { cn } from '@livepeer-frameworks/player-core';
+
+var _excluded = ["className", "inset", "children"],
+  _excluded2 = ["className"],
+  _excluded3 = ["className", "style"],
+  _excluded4 = ["className", "inset"],
+  _excluded5 = ["className", "children", "checked"],
+  _excluded6 = ["className", "children"],
+  _excluded7 = ["className", "inset"],
+  _excluded8 = ["className"];
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsxs(ContextMenuPrimitive.SubTrigger, _objectSpread2(_objectSpread2({
+    ref: ref,
+    className: cn("fw-context-menu-item", inset && "fw-context-menu-item--inset", className)
+  }, props), {}, {
+    children: [children, jsx(ChevronRight, {
+      className: "ml-auto h-4 w-4"
+    })]
+  }));
+});
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return jsx(ContextMenuPrimitive.SubContent, _objectSpread2({
+    ref: ref,
+    className: cn("fw-player-surface fw-context-menu", className)
+  }, props));
+});
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var className = _ref3.className,
+    style = _ref3.style,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return jsx(ContextMenuPrimitive.Portal, {
+    children: jsx(ContextMenuPrimitive.Content, _objectSpread2({
+      ref: ref,
+      className: cn("fw-player-surface fw-context-menu", className),
+      style: _objectSpread2({
+        // Inline styles for portal elements (rendered outside .fw-player-root)
+        // These ensure styles work even without CSS variable inheritance
+        backgroundColor: "hsl(235 19% 13%)",
+        color: "hsl(229 35% 75%)",
+        border: "1px solid rgba(90, 96, 127, 0.3)"
+      }, style)
+    }, props))
+  });
+});
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+    inset = _ref4.inset,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return jsx(ContextMenuPrimitive.Item, _objectSpread2({
+    ref: ref,
+    className: cn("fw-context-menu-item", inset && "fw-context-menu-item--inset", className)
+  }, props));
+});
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
+  var className = _ref5.className,
+    children = _ref5.children,
+    checked = _ref5.checked,
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  return jsxs(ContextMenuPrimitive.CheckboxItem, _objectSpread2(_objectSpread2({
+    ref: ref,
+    className: cn("fw-context-menu-checkbox", className),
+    checked: checked
+  }, props), {}, {
+    children: [jsx("span", {
+      className: "fw-context-menu-indicator",
+      children: jsx(ContextMenuPrimitive.ItemIndicator, {
+        children: jsx(Check, {
+          className: "h-4 w-4"
+        })
+      })
+    }), children]
+  }));
+});
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
+  var className = _ref6.className,
+    children = _ref6.children,
+    props = _objectWithoutProperties(_ref6, _excluded6);
+  return jsxs(ContextMenuPrimitive.RadioItem, _objectSpread2(_objectSpread2({
+    ref: ref,
+    className: cn("fw-context-menu-checkbox", className)
+  }, props), {}, {
+    children: [jsx("span", {
+      className: "fw-context-menu-indicator",
+      children: jsx(ContextMenuPrimitive.ItemIndicator, {
+        children: jsx(Circle, {
+          className: "h-2 w-2 fill-current"
+        })
+      })
+    }), children]
+  }));
+});
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
+  var className = _ref7.className,
+    inset = _ref7.inset,
+    props = _objectWithoutProperties(_ref7, _excluded7);
+  return jsx(ContextMenuPrimitive.Label, _objectSpread2({
+    ref: ref,
+    className: cn("fw-context-menu-label", inset && "fw-context-menu-item--inset", className)
+  }, props));
+});
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
+  var className = _ref8.className,
+    props = _objectWithoutProperties(_ref8, _excluded8);
+  return jsx(ContextMenuPrimitive.Separator, _objectSpread2({
+    ref: ref,
+    className: cn("fw-context-menu-separator", className)
+  }, props));
+});
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
+//# sourceMappingURL=context-menu.js.map

package/dist/esm/ui/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sources":["../../../../src/ui/context-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"@livepeer-frameworks/player-core\";\n\nconst ContextMenu = ContextMenuPrimitive.Root;\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\n\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\n\nconst ContextMenuSub = ContextMenuPrimitive.Sub;\n\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\"fw-context-menu-item\", inset && \"fw-context-menu-item--inset\", className)}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </ContextMenuPrimitive.SubTrigger>\n));\nContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;\n\nconst ContextMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\"fw-player-surface fw-context-menu\", className)}\n    {...props}\n  />\n));\nContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;\n\nconst ContextMenuContent = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>\n>(({ className, style, ...props }, ref) => (\n  <ContextMenuPrimitive.Portal>\n    <ContextMenuPrimitive.Content\n      ref={ref}\n      className={cn(\"fw-player-surface fw-context-menu\", className)}\n      style={{\n        // Inline styles for portal elements (rendered outside .fw-player-root)\n        // These ensure styles work even without CSS variable inheritance\n        backgroundColor: \"hsl(235 19% 13%)\",\n        color: \"hsl(229 35% 75%)\",\n        border: \"1px solid rgba(90, 96, 127, 0.3)\",\n        ...style,\n      }}\n      {...props}\n    />\n  </ContextMenuPrimitive.Portal>\n));\nContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;\n\nconst ContextMenuItem = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    className={cn(\"fw-context-menu-item\", inset && \"fw-context-menu-item--inset\", className)}\n    {...props}\n  />\n));\nContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;\n\nconst ContextMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\"fw-context-menu-checkbox\", className)}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"fw-context-menu-indicator\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;\n\nconst ContextMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\"fw-context-menu-checkbox\", className)}\n    {...props}\n  >\n    <span className=\"fw-context-menu-indicator\">\n      <ContextMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.RadioItem>\n));\nContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;\n\nconst ContextMenuLabel = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"fw-context-menu-label\", inset && \"fw-context-menu-item--inset\", className)}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;\n\nconst ContextMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof ContextMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <ContextMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"fw-context-menu-separator\", className)}\n    {...props}\n  />\n));\nContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n};\nContextMenuShortcut.displayName = \"ContextMenuShortcut\";\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"names":["ContextMenu","ContextMenuPrimitive","Root","ContextMenuTrigger","Trigger","ContextMenuSubTrigger","React","forwardRef","_ref","ref","className","inset","children","props","_objectWithoutProperties","_excluded","_jsxs","SubTrigger","_objectSpread","cn","_jsx","ChevronRight","displayName","ContextMenuSubContent","_ref2","_excluded2","SubContent","ContextMenuContent","_ref3","style","_excluded3","Portal","Content","backgroundColor","color","border","ContextMenuItem","_ref4","_excluded4","Item","ContextMenuCheckboxItem","_ref5","checked","_excluded5","CheckboxItem","ItemIndicator","Check","ContextMenuRadioItem","_ref6","_excluded6","RadioItem","Circle","ContextMenuLabel","_ref7","_excluded7","Label","ContextMenuSeparator","_ref8","_excluded8","Separator"],"mappings":"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"}

package/dist/esm/ui/slider.js

@@ -0,0 +1,38 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from '@livepeer-frameworks/player-core';
+
+var _excluded = ["className", "trackClassName", "thumbClassName", "showTrack", "hoverThumb", "accentColor", "orientation"];
+var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    trackClassName = _ref.trackClassName,
+    thumbClassName = _ref.thumbClassName,
+    _ref$showTrack = _ref.showTrack,
+    showTrack = _ref$showTrack === void 0 ? true : _ref$showTrack;
+    _ref.hoverThumb;
+    var _ref$accentColor = _ref.accentColor,
+    accentColor = _ref$accentColor === void 0 ? false : _ref$accentColor,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsxs(SliderPrimitive.Root, _objectSpread2(_objectSpread2({
+    ref: ref,
+    orientation: orientation,
+    className: cn("fw-slider", orientation === "vertical" && "fw-slider--vertical", className)
+  }, props), {}, {
+    children: [showTrack && jsx(SliderPrimitive.Track, {
+      className: cn("fw-slider-track", trackClassName),
+      children: jsx(SliderPrimitive.Range, {
+        className: cn("fw-slider-range", accentColor && "fw-slider-range--accent")
+      })
+    }), jsx(SliderPrimitive.Thumb, {
+      className: cn("fw-slider-thumb", accentColor && "fw-slider-thumb--accent", thumbClassName)
+    })]
+  }));
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/esm/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../src/ui/slider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"@livepeer-frameworks/player-core\";\n\nexport interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {\n  showTrack?: boolean;\n  trackClassName?: string;\n  thumbClassName?: string;\n  /** Show thumb only on hover (YouTube-style) - but always shows a smaller thumb when not hovered */\n  hoverThumb?: boolean;\n  /** Use cyan accent color (matches SeekBar styling) */\n  accentColor?: boolean;\n}\n\nconst Slider = React.forwardRef<React.ElementRef<typeof SliderPrimitive.Root>, SliderProps>(\n  (\n    {\n      className,\n      trackClassName,\n      thumbClassName,\n      showTrack = true,\n      hoverThumb: _hoverThumb = false,\n      accentColor = false,\n      orientation = \"horizontal\",\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        orientation={orientation}\n        className={cn(\"fw-slider\", orientation === \"vertical\" && \"fw-slider--vertical\", className)}\n        {...props}\n      >\n        {showTrack && (\n          <SliderPrimitive.Track className={cn(\"fw-slider-track\", trackClassName)}>\n            <SliderPrimitive.Range\n              className={cn(\"fw-slider-range\", accentColor && \"fw-slider-range--accent\")}\n            />\n          </SliderPrimitive.Track>\n        )}\n        <SliderPrimitive.Thumb\n          className={cn(\n            \"fw-slider-thumb\",\n            accentColor && \"fw-slider-thumb--accent\",\n            thumbClassName\n          )}\n        />\n      </SliderPrimitive.Root>\n    );\n  }\n);\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\n"],"names":["Slider","React","forwardRef","_ref","ref","className","trackClassName","thumbClassName","_ref$showTrack","showTrack","hoverThumb","_hoverThumb","_ref$accentColor","accentColor","_ref$orientation","orientation","props","_objectWithoutProperties","_excluded","_jsxs","SliderPrimitive","Root","_objectSpread","cn","children","_jsx","Track","Range","Thumb","displayName"],"mappings":";;;;;;;AAcA,IAAMA,MAAM,gBAAGC,KAAK,CAACC,UAAU,CAC7B,UAAAC,IAAA,EAWEC,GAAG,EACD;AAAA,EAAA,IAVAC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,cAAA,GAAAL,IAAA,CACdM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,cAAA;IAAAL,IAAA,CAChBO,UAAU;AAAEC,QAAmBC,gBAAA,GAAAT,IAAA,CAC/BU,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;IAAAE,gBAAA,GAAAX,IAAA,CACnBY,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,YAAY,GAAAA,gBAAA;AACvBE,IAAAA,KAAK,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA;EAIV,OACEC,IAAA,CAACC,eAAe,CAACC,IAAI,EAAAC,cAAA,CAAAA,cAAA,CAAA;AACnBlB,IAAAA,GAAG,EAAEA,GAAG;AACRW,IAAAA,WAAW,EAAEA,WAAW;IACxBV,SAAS,EAAEkB,EAAE,CAAC,WAAW,EAAER,WAAW,KAAK,UAAU,IAAI,qBAAqB,EAAEV,SAAS;AAAC,GAAA,EACtFW,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAQ,QAAA,EAAA,CAERf,SAAS,IACRgB,IAACL,eAAe,CAACM,KAAK,EAAA;AAACrB,MAAAA,SAAS,EAAEkB,EAAE,CAAC,iBAAiB,EAAEjB,cAAc,CAAC;AAAAkB,MAAAA,QAAA,EACrEC,IAACL,eAAe,CAACO,KAAK,EAAA;AACpBtB,QAAAA,SAAS,EAAEkB,EAAE,CAAC,iBAAiB,EAAEV,WAAW,IAAI,yBAAyB;;AACzE,KAAA,CAEL,EACDY,GAAA,CAACL,eAAe,CAACQ,KAAK;MACpBvB,SAAS,EAAEkB,EAAE,CACX,iBAAiB,EACjBV,WAAW,IAAI,yBAAyB,EACxCN,cAAc;AACf,KAAA,CACD;AAAA,GAAA,CAAA,CACmB;AAE3B,CAAC;AAEHP,MAAM,CAAC6B,WAAW,GAAGT,eAAe,CAACC,IAAI,CAACQ,WAAW;;;;"}

package/dist/types/components/DvdLogo.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { DvdLogoProps } from "../types";
+import type { DvdLogoProps } from "../types";
 declare const DvdLogo: React.FC<DvdLogoProps>;
 export default DvdLogo;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface IconProps {
     size?: number;
     color?: string;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { PlayerProps } from "../types";
+import type { PlayerProps } from "../types";
 /**
  * Main Player component.
  *

package/dist/types/components/PlayerErrorBoundary.d.ts

@@ -1,4 +1,5 @@
-import { Component, ErrorInfo, ReactNode } from 'react';
+import type { ErrorInfo, ReactNode } from "react";
+import { Component } from "react";
 interface Props {
     children: ReactNode;
     fallback?: ReactNode;

package/dist/types/components/StreamStateOverlay.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { StreamStatus } from '../types';
+import React from "react";
+import type { StreamStatus } from "../types";
 export interface StreamStateOverlayProps {
     /** Current stream status */
     status: StreamStatus;

package/dist/types/components/SubtitleRenderer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { SubtitleCue, MetaTrackEvent } from '../types';
+import React from "react";
+import type { SubtitleCue, MetaTrackEvent } from "../types";
 export interface SubtitleRendererProps {
     /** Current video playback time in seconds */
     currentTime: number;

package/dist/types/context/PlayerContext.d.ts

@@ -11,8 +11,8 @@
  * </PlayerProvider>
  * ```
  */
-import React, { type ReactNode } from 'react';
-import { type UsePlayerControllerConfig, type UsePlayerControllerReturn } from '../hooks/usePlayerController';
+import React, { type ReactNode } from "react";
+import { type UsePlayerControllerConfig, type UsePlayerControllerReturn } from "../hooks/usePlayerController";
 declare const PlayerContext: React.Context<UsePlayerControllerReturn | null>;
 export interface PlayerProviderProps {
     children: ReactNode;

package/dist/types/context/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Context exports
  */
-export { PlayerProvider, usePlayerContext, usePlayerContextOptional, PlayerContext } from './PlayerContext';
-export type { PlayerContextValue, UsePlayerControllerConfig } from './PlayerContext';
+export { PlayerProvider, usePlayerContext, usePlayerContextOptional, PlayerContext, } from "./PlayerContext";
+export type { PlayerContextValue, UsePlayerControllerConfig } from "./PlayerContext";

package/dist/types/hooks/useMetaTrack.d.ts

@@ -1,10 +1,10 @@
-import { type MetaTrackEvent } from '@livepeer-frameworks/player-core';
-import type { UseMetaTrackOptions } from '../types';
+import { type MetaTrackEvent } from "@livepeer-frameworks/player-core";
+import type { UseMetaTrackOptions } from "../types";
 export interface UseMetaTrackReturn {
     /** Whether connected to MistServer WebSocket */
     isConnected: boolean;
     /** Connection state */
-    connectionState: 'disconnected' | 'connecting' | 'connected' | 'reconnecting';
+    connectionState: "disconnected" | "connecting" | "connected" | "reconnecting";
     /** List of subscribed track IDs */
     subscribedTracks: string[];
     /** Subscribe to a meta track */

package/dist/types/hooks/usePlaybackQuality.d.ts

@@ -1,5 +1,5 @@
-import { type PlaybackQuality } from '@livepeer-frameworks/player-core';
-import type { UsePlaybackQualityOptions } from '../types';
+import { type PlaybackQuality } from "@livepeer-frameworks/player-core";
+import type { UsePlaybackQualityOptions } from "../types";
 /**
  * Hook to monitor video playback quality
  *

package/dist/types/hooks/usePlayerController.d.ts

@@ -4,8 +4,8 @@
  * React hook that wraps PlayerController for declarative usage.
  * Manages the complete player lifecycle and provides reactive state.
  */
-import { PlayerController, type PlayerControllerConfig, type PlayerState, type StreamState, type StreamInfo, type PlaybackQuality, type ContentEndpoints, type ContentMetadata } from '@livepeer-frameworks/player-core';
-export interface UsePlayerControllerConfig extends Omit<PlayerControllerConfig, 'playerManager'> {
+import { PlayerController, type PlayerControllerConfig, type PlayerState, type StreamState, type StreamInfo, type PlaybackQuality, type ContentEndpoints, type ContentMetadata, type ClassifiedError } from "@livepeer-frameworks/player-core";
+export interface UsePlayerControllerConfig extends Omit<PlayerControllerConfig, "playerManager"> {
     /** Enable/disable the hook */
     enabled?: boolean;
     /** Callback when state changes */
@@ -16,6 +16,20 @@ export interface UsePlayerControllerConfig extends Omit<PlayerControllerConfig,
     onError?: (error: string) => void;
     /** Callback when ready */
     onReady?: (videoElement: HTMLVideoElement) => void;
+    /** Callback when protocol is swapped (for toast notification) */
+    onProtocolSwapped?: (data: {
+        fromPlayer: string;
+        toPlayer: string;
+        fromProtocol: string;
+        toProtocol: string;
+        reason: string;
+    }) => void;
+    /** Callback when playback fails after all recovery attempts (for error modal) */
+    onPlaybackFailed?: (error: {
+        code: string;
+        message: string;
+        details?: ClassifiedError["details"];
+    }) => void;
 }
 export interface PlayerControllerState {
     /** Current player state */
@@ -44,6 +58,8 @@ export interface PlayerControllerState {
     volume: number;
     /** Error text */
     error: string | null;
+    /** Error details for debugging */
+    errorDetails: ClassifiedError["details"] | null;
     /** Is passive error */
     isPassiveError: boolean;
     /** Has playback ever started */
@@ -99,6 +115,11 @@ export interface PlayerControllerState {
     }>;
     /** Stream info for player selection (sources + tracks) */
     streamInfo: StreamInfo | null;
+    /** Toast message to display (auto-dismisses) */
+    toast: {
+        message: string;
+        timestamp: number;
+    } | null;
 }
 export interface UsePlayerControllerReturn {
     /** Container ref to attach to your player container div */
@@ -133,6 +154,8 @@ export interface UsePlayerControllerReturn {
     toggleSubtitles: () => void;
     /** Clear error */
     clearError: () => void;
+    /** Dismiss toast notification */
+    dismissToast: () => void;
     /** Retry playback */
     retry: () => Promise<void>;
     /** Reload player */
@@ -158,7 +181,7 @@ export interface UsePlayerControllerReturn {
         forcePlayer?: string;
         forceType?: string;
         forceSource?: number;
-        playbackMode?: 'auto' | 'low-latency' | 'quality' | 'vod';
+        playbackMode?: "auto" | "low-latency" | "quality" | "vod";
     }) => Promise<void>;
 }
 export declare function usePlayerController(config: UsePlayerControllerConfig): UsePlayerControllerReturn;

package/dist/types/hooks/usePlayerSelection.d.ts

@@ -4,7 +4,7 @@
  * React hook for subscribing to PlayerManager selection events.
  * Uses event-driven updates instead of polling - no render spam.
  */
-import type { PlayerManager, PlayerSelection, PlayerCombination, StreamInfo, PlaybackMode } from '@livepeer-frameworks/player-core';
+import type { PlayerManager, PlayerSelection, PlayerCombination, StreamInfo, PlaybackMode } from "@livepeer-frameworks/player-core";
 export interface UsePlayerSelectionOptions {
     /** Stream info to compute selections for */
     streamInfo: StreamInfo | null;

package/dist/types/hooks/useStreamState.d.ts

@@ -1,4 +1,4 @@
-import type { UseStreamStateOptions, StreamState } from '../types';
+import type { UseStreamStateOptions, StreamState } from "../types";
 /**
  * Hook to poll MistServer for stream status via WebSocket or HTTP
  *

package/dist/types/hooks/useTelemetry.d.ts

@@ -1,4 +1,4 @@
-import { type TelemetryOptions, type PlaybackQuality, type ContentType } from '@livepeer-frameworks/player-core';
+import { type TelemetryOptions, type PlaybackQuality, type ContentType } from "@livepeer-frameworks/player-core";
 export interface UseTelemetryOptions extends TelemetryOptions {
     /** Video element to monitor */
     videoElement: HTMLVideoElement | null;

package/dist/types/hooks/useViewerEndpoints.d.ts

@@ -1,12 +1,12 @@
-import type { ContentType } from '@livepeer-frameworks/player-core';
-import type { ContentEndpoints } from '../types';
+import type { ContentType } from "@livepeer-frameworks/player-core";
+import type { ContentEndpoints } from "../types";
 interface Params {
     gatewayUrl: string;
     contentId: string;
     contentType?: ContentType;
     authToken?: string;
 }
-export declare function useViewerEndpoints({ gatewayUrl, contentType: _contentType, contentId, authToken }: Params): {
+export declare function useViewerEndpoints({ gatewayUrl, contentType: _contentType, contentId, authToken, }: Params): {
     endpoints: ContentEndpoints | null;
     status: "error" | "ready" | "idle" | "loading";
     error: string | null;

package/dist/types/index.d.ts

@@ -3,31 +3,31 @@
  *
  * React components for FrameWorks streaming player.
  */
-export { default as Player } from './components/Player';
-export { default as PlayerControls } from './components/PlayerControls';
-export { default as LoadingScreen } from './components/LoadingScreen';
-export { default as IdleScreen } from './components/IdleScreen';
-export { default as ThumbnailOverlay } from './components/ThumbnailOverlay';
-export { default as TitleOverlay } from './components/TitleOverlay';
-export { default as StreamStateOverlay } from './components/StreamStateOverlay';
-export { default as StatsPanel } from './components/StatsPanel';
-export { default as DevModePanel } from './components/DevModePanel';
-export { default as PlayerErrorBoundary } from './components/PlayerErrorBoundary';
-export * from './components/Icons';
-export { Button } from './ui/button';
-export { Badge } from './ui/badge';
-export { Slider } from './ui/slider';
-export { PlayerProvider, usePlayerContext, usePlayerContextOptional, PlayerContext } from './context/PlayerContext';
-export type { PlayerContextValue } from './context/PlayerContext';
-export { useStreamState } from './hooks/useStreamState';
-export { usePlaybackQuality } from './hooks/usePlaybackQuality';
-export { useViewerEndpoints } from './hooks/useViewerEndpoints';
-export { useMetaTrack } from './hooks/useMetaTrack';
-export { useTelemetry } from './hooks/useTelemetry';
-export { usePlayerSelection } from './hooks/usePlayerSelection';
-export type { UsePlayerSelectionOptions, UsePlayerSelectionReturn } from './hooks/usePlayerSelection';
-export { usePlayerController } from './hooks/usePlayerController';
-export type { UsePlayerControllerConfig, UsePlayerControllerReturn, PlayerControllerState, } from './hooks/usePlayerController';
-export * from './types';
-export { PlayerManager, globalPlayerManager, PlayerController, GatewayClient, StreamStateClient, QualityMonitor, cn, } from '@livepeer-frameworks/player-core';
-export type { PlayerState, PlayerStateContext, StreamState, StreamStatus, MistStreamInfo, PlaybackQuality, PlaybackMode, ContentEndpoints, EndpointInfo, PlayerSelection, PlayerCombination, PlayerManagerEvents, } from '@livepeer-frameworks/player-core';
+export { default as Player } from "./components/Player";
+export { default as PlayerControls } from "./components/PlayerControls";
+export { default as LoadingScreen } from "./components/LoadingScreen";
+export { default as IdleScreen } from "./components/IdleScreen";
+export { default as ThumbnailOverlay } from "./components/ThumbnailOverlay";
+export { default as TitleOverlay } from "./components/TitleOverlay";
+export { default as StreamStateOverlay } from "./components/StreamStateOverlay";
+export { default as StatsPanel } from "./components/StatsPanel";
+export { default as DevModePanel } from "./components/DevModePanel";
+export { default as PlayerErrorBoundary } from "./components/PlayerErrorBoundary";
+export * from "./components/Icons";
+export { Button } from "./ui/button";
+export { Badge } from "./ui/badge";
+export { Slider } from "./ui/slider";
+export { PlayerProvider, usePlayerContext, usePlayerContextOptional, PlayerContext, } from "./context/PlayerContext";
+export type { PlayerContextValue } from "./context/PlayerContext";
+export { useStreamState } from "./hooks/useStreamState";
+export { usePlaybackQuality } from "./hooks/usePlaybackQuality";
+export { useViewerEndpoints } from "./hooks/useViewerEndpoints";
+export { useMetaTrack } from "./hooks/useMetaTrack";
+export { useTelemetry } from "./hooks/useTelemetry";
+export { usePlayerSelection } from "./hooks/usePlayerSelection";
+export type { UsePlayerSelectionOptions, UsePlayerSelectionReturn, } from "./hooks/usePlayerSelection";
+export { usePlayerController } from "./hooks/usePlayerController";
+export type { UsePlayerControllerConfig, UsePlayerControllerReturn, PlayerControllerState, } from "./hooks/usePlayerController";
+export * from "./types";
+export { PlayerManager, globalPlayerManager, PlayerController, GatewayClient, StreamStateClient, QualityMonitor, cn, } from "@livepeer-frameworks/player-core";
+export type { PlayerState, PlayerStateContext, StreamState, StreamStatus, MistStreamInfo, PlaybackQuality, PlaybackMode, ContentEndpoints, EndpointInfo, PlayerSelection, PlayerCombination, PlayerManagerEvents, } from "@livepeer-frameworks/player-core";

package/dist/types/types.d.ts

@@ -1,8 +1,8 @@
 /**
  * React-specific types for FrameWorks player
  */
-import type React from 'react';
-import type { PlayerOptions, PlayerState, PlayerStateContext, ContentEndpoints, MetaTrackSubscription, PlaybackQuality, QualityThresholds, ContentType } from '@livepeer-frameworks/player-core';
+import type React from "react";
+import type { PlayerOptions, PlayerState, PlayerStateContext, ContentEndpoints, MetaTrackSubscription, PlaybackQuality, QualityThresholds, ContentType } from "@livepeer-frameworks/player-core";
 export interface PlayerProps {
     /** Content identifier or stream name */
     contentId: string;
@@ -91,4 +91,4 @@ export interface UseTelemetryOptions {
     playerType?: string;
     protocol?: string;
 }
-export type { PlayerState, PlayerStateContext, ContentEndpoints, PlayerOptions, PlaybackQuality, TelemetryOptions, TelemetryPayload, MetaTrackEvent, MetaTrackEventType, SubtitleCue, PlaybackMode, MistStreamInfo, StreamState, StreamStatus, EndpointInfo, ContentMetadata, } from '@livepeer-frameworks/player-core';
+export type { PlayerState, PlayerStateContext, ContentEndpoints, PlayerOptions, PlaybackQuality, TelemetryOptions, TelemetryPayload, MetaTrackEvent, MetaTrackEventType, SubtitleCue, PlaybackMode, MistStreamInfo, StreamState, StreamStatus, EndpointInfo, ContentMetadata, } from "@livepeer-frameworks/player-core";

package/dist/types/ui/select.d.ts

@@ -7,4 +7,4 @@ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectContent, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+export { Select, SelectContent, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, };