@livepeer-frameworks/player-react 0.1.0 → 0.1.2

package/dist/cjs/ui/badge.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var playerCore = require('@livepeer-frameworks/player-core');
+
+var _excluded = ["className", "variant"];
+var badgeVariants = classVarianceAuthority.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsx("div", _rollupPluginBabelHelpers.objectSpread2({
+    className: playerCore.cn(badgeVariants({
+      variant: variant
+    }), className)
+  }, props));
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=badge.js.map

package/dist/cjs/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,0BAAG,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,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;AAC3C,EAAA,OAAOC;AAAKJ,IAAAA,SAAS,EAAEK,aAAE,CAACd,aAAa,CAAC;AAAEG,MAAAA,OAAO,EAAPA;KAAS,CAAC,EAAEM,SAAS;GAAC,EAAMC,KAAK,EAAI;AACjF;;;;;"}

package/dist/cjs/ui/button.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var playerCore = require('@livepeer-frameworks/player-core');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["className", "variant", "size", "asChild"];
+var buttonVariants = classVarianceAuthority.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__namespace.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var Comp = asChild ? reactSlot.Slot : "button";
+  return jsxRuntime.jsx(Comp, _rollupPluginBabelHelpers.objectSpread2({
+    className: playerCore.cn(buttonVariants({
+      variant: variant,
+      size: size,
+      className: className
+    })),
+    ref: ref
+  }, props));
+});
+Button.displayName = "Button";
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=button.js.map

package/dist/cjs/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,0BAAG,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,gBAAK,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,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AACpD,EAAA,IAAMC,IAAI,GAAGJ,OAAO,GAAGK,cAAI,GAAG,QAAQ;AACtC,EAAA,OACEC,cAAA,CAACF,IAAI,EAAAG,uCAAA,CAAA;AAACT,IAAAA,SAAS,EAAEU,aAAE,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/cjs/ui/context-menu.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
+var lucideReact = require('lucide-react');
+var playerCore = require('@livepeer-frameworks/player-core');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ContextMenuPrimitive);
+
+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__namespace.Root;
+var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
+var ContextMenuSubTrigger = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsxs(ContextMenuPrimitive__namespace.SubTrigger, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-context-menu-item", inset && "fw-context-menu-item--inset", className)
+  }, props), {}, {
+    children: [children, jsxRuntime.jsx(lucideReact.ChevronRight, {
+      className: "ml-auto h-4 w-4"
+    })]
+  }));
+});
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive__namespace.SubTrigger.displayName;
+var ContextMenuSubContent = /*#__PURE__*/React__namespace.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
+  return jsxRuntime.jsx(ContextMenuPrimitive__namespace.SubContent, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-player-surface fw-context-menu", className)
+  }, props));
+});
+ContextMenuSubContent.displayName = ContextMenuPrimitive__namespace.SubContent.displayName;
+var ContextMenuContent = /*#__PURE__*/React__namespace.forwardRef(function (_ref3, ref) {
+  var className = _ref3.className,
+    style = _ref3.style,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
+  return jsxRuntime.jsx(ContextMenuPrimitive__namespace.Portal, {
+    children: jsxRuntime.jsx(ContextMenuPrimitive__namespace.Content, _rollupPluginBabelHelpers.objectSpread2({
+      ref: ref,
+      className: playerCore.cn("fw-player-surface fw-context-menu", className),
+      style: _rollupPluginBabelHelpers.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__namespace.Content.displayName;
+var ContextMenuItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+    inset = _ref4.inset,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded4);
+  return jsxRuntime.jsx(ContextMenuPrimitive__namespace.Item, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-context-menu-item", inset && "fw-context-menu-item--inset", className)
+  }, props));
+});
+ContextMenuItem.displayName = ContextMenuPrimitive__namespace.Item.displayName;
+var ContextMenuCheckboxItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref5, ref) {
+  var className = _ref5.className,
+    children = _ref5.children,
+    checked = _ref5.checked,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref5, _excluded5);
+  return jsxRuntime.jsxs(ContextMenuPrimitive__namespace.CheckboxItem, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-context-menu-checkbox", className),
+    checked: checked
+  }, props), {}, {
+    children: [jsxRuntime.jsx("span", {
+      className: "fw-context-menu-indicator",
+      children: jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, {
+        children: jsxRuntime.jsx(lucideReact.Check, {
+          className: "h-4 w-4"
+        })
+      })
+    }), children]
+  }));
+});
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive__namespace.CheckboxItem.displayName;
+var ContextMenuRadioItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref6, ref) {
+  var className = _ref6.className,
+    children = _ref6.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref6, _excluded6);
+  return jsxRuntime.jsxs(ContextMenuPrimitive__namespace.RadioItem, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-context-menu-checkbox", className)
+  }, props), {}, {
+    children: [jsxRuntime.jsx("span", {
+      className: "fw-context-menu-indicator",
+      children: jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, {
+        children: jsxRuntime.jsx(lucideReact.Circle, {
+          className: "h-2 w-2 fill-current"
+        })
+      })
+    }), children]
+  }));
+});
+ContextMenuRadioItem.displayName = ContextMenuPrimitive__namespace.RadioItem.displayName;
+var ContextMenuLabel = /*#__PURE__*/React__namespace.forwardRef(function (_ref7, ref) {
+  var className = _ref7.className,
+    inset = _ref7.inset,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref7, _excluded7);
+  return jsxRuntime.jsx(ContextMenuPrimitive__namespace.Label, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-context-menu-label", inset && "fw-context-menu-item--inset", className)
+  }, props));
+});
+ContextMenuLabel.displayName = ContextMenuPrimitive__namespace.Label.displayName;
+var ContextMenuSeparator = /*#__PURE__*/React__namespace.forwardRef(function (_ref8, ref) {
+  var className = _ref8.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref8, _excluded8);
+  return jsxRuntime.jsx(ContextMenuPrimitive__namespace.Separator, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: playerCore.cn("fw-context-menu-separator", className)
+  }, props));
+});
+ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
+
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;
+//# sourceMappingURL=context-menu.js.map

package/dist/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,GAAGC,+BAAoB,CAACC;AAEzC,IAAMC,kBAAkB,GAAGF,+BAAoB,CAACG;AAUhD,IAAMC,qBAAqB,gBAAGC,gBAAK,CAACC,UAAU,CAK5C,UAAAC,IAAA,EAA2CC,GAAG,EAAA;AAAA,EAAA,IAA3CC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EAAA,OACvCC,eAAA,CAACf,+BAAoB,CAACgB,UAAU,EAAAC,uCAAA,CAAAA,uCAAA,CAAA;AAC9BT,IAAAA,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAES,aAAE,CAAC,sBAAsB,EAAER,KAAK,IAAI,6BAA6B,EAAED,SAAS;AAAC,GAAA,EACpFG,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAAA,CAERA,QAAQ,EACTQ,cAAA,CAACC,wBAAY,EAAA;AAACX,MAAAA,SAAS,EAAC;AAAiB,KAAA,CAAG;AAAA,GAAA,CAAA,CACZ;AAAA,CACnC;AACDL,qBAAqB,CAACiB,WAAW,GAAGrB,+BAAoB,CAACgB,UAAU,CAACK,WAAW;AAE/E,IAAMC,qBAAqB,gBAAGjB,gBAAK,CAACC,UAAU,CAG5C,UAAAiB,KAAA,EAA0Bf,GAAG,EAAA;AAAA,EAAA,IAA1BC,SAAS,GAAAc,KAAA,CAATd,SAAS;AAAKG,IAAAA,KAAK,GAAAC,iDAAA,CAAAU,KAAA,EAAAC,UAAA,CAAA;AAAA,EAAA,OACtBL,cAAA,CAACnB,+BAAoB,CAACyB,UAAU,EAAAR,uCAAA,CAAA;AAC9BT,IAAAA,GAAG,EAAEA,GAAG;AACRC,IAAAA,SAAS,EAAES,aAAE,CAAC,mCAAmC,EAAET,SAAS;GAAC,EACzDG,KAAK,CAAA,CACT;AAAA,CACH;AACDU,qBAAqB,CAACD,WAAW,GAAGrB,+BAAoB,CAACyB,UAAU,CAACJ,WAAW;AAE/E,IAAMK,kBAAkB,gBAAGrB,gBAAK,CAACC,UAAU,CAGzC,UAAAqB,KAAA,EAAiCnB,GAAG,EAAA;AAAA,EAAA,IAAjCC,SAAS,GAAAkB,KAAA,CAATlB,SAAS;IAAEmB,KAAK,GAAAD,KAAA,CAALC,KAAK;AAAKhB,IAAAA,KAAK,GAAAC,iDAAA,CAAAc,KAAA,EAAAE,UAAA,CAAA;AAAA,EAAA,OAC7BV,cAAA,CAACnB,+BAAoB,CAAC8B,MAAM;cAC1BX,cAAA,CAACnB,+BAAoB,CAAC+B,OAAO,EAAAd,uCAAA,CAAA;AAC3BT,MAAAA,GAAG,EAAEA,GAAG;AACRC,MAAAA,SAAS,EAAES,aAAE,CAAC,mCAAmC,EAAET,SAAS,CAAC;AAC7DmB,MAAAA,KAAK,EAAAX,uCAAA,CAAA;AACH;AACA;AACAe,QAAAA,eAAe,EAAE,kBAAkB;AACnCC,QAAAA,KAAK,EAAE,kBAAkB;AACzBC,QAAAA,MAAM,EAAE;AAAkC,OAAA,EACvCN,KAAK;AACT,KAAA,EACGhB,KAAK,CAAA;AACT,GAAA,CAC0B;AAAA,CAC/B;AACDc,kBAAkB,CAACL,WAAW,GAAGrB,+BAAoB,CAAC+B,OAAO,CAACV,WAAW;AAEzE,IAAMc,eAAe,gBAAG9B,gBAAK,CAACC,UAAU,CAKtC,UAAA8B,KAAA,EAAiC5B,GAAG,EAAA;AAAA,EAAA,IAAjCC,SAAS,GAAA2B,KAAA,CAAT3B,SAAS;IAAEC,KAAK,GAAA0B,KAAA,CAAL1B,KAAK;AAAKE,IAAAA,KAAK,GAAAC,iDAAA,CAAAuB,KAAA,EAAAC,UAAA,CAAA;AAAA,EAAA,OAC7BlB,cAAA,CAACnB,+BAAoB,CAACsC,IAAI,EAAArB,uCAAA,CAAA;AACxBT,IAAAA,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAES,aAAE,CAAC,sBAAsB,EAAER,KAAK,IAAI,6BAA6B,EAAED,SAAS;GAAC,EACpFG,KAAK,CAAA,CACT;AAAA,CACH;AACDuB,eAAe,CAACd,WAAW,GAAGrB,+BAAoB,CAACsC,IAAI,CAACjB,WAAW;AAEnE,IAAMkB,uBAAuB,gBAAGlC,gBAAK,CAACC,UAAU,CAG9C,UAAAkC,KAAA,EAA6ChC,GAAG,EAAA;AAAA,EAAA,IAA7CC,SAAS,GAAA+B,KAAA,CAAT/B,SAAS;IAAEE,QAAQ,GAAA6B,KAAA,CAAR7B,QAAQ;IAAE8B,OAAO,GAAAD,KAAA,CAAPC,OAAO;AAAK7B,IAAAA,KAAK,GAAAC,iDAAA,CAAA2B,KAAA,EAAAE,UAAA,CAAA;EAAA,OACzC3B,eAAA,CAACf,+BAAoB,CAAC2C,YAAY,EAAA1B,uCAAA,CAAAA,uCAAA,CAAA;AAChCT,IAAAA,GAAG,EAAEA,GAAG;AACRC,IAAAA,SAAS,EAAES,aAAE,CAAC,0BAA0B,EAAET,SAAS,CAAC;AACpDgC,IAAAA,OAAO,EAAEA;AAAO,GAAA,EACZ7B,KAAK,CAAA,EAAA,EAAA,EAAA;eAETO,cAAA,CAAA,MAAA,EAAA;AAAMV,MAAAA,SAAS,EAAC,2BAA2B;gBACzCU,cAAA,CAACnB,+BAAoB,CAAC4C,aAAa,EAAA;AAAAjC,QAAAA,QAAA,EACjCQ,cAAA,CAAC0B,iBAAK,EAAA;AAACpC,UAAAA,SAAS,EAAC;SAAS;OAAG;MAE1B,EACNE,QAAQ;AAAA,GAAA,CAAA,CACyB;AAAA,CACrC;AACD4B,uBAAuB,CAAClB,WAAW,GAAGrB,+BAAoB,CAAC2C,YAAY,CAACtB,WAAW;AAEnF,IAAMyB,oBAAoB,gBAAGzC,gBAAK,CAACC,UAAU,CAG3C,UAAAyC,KAAA,EAAoCvC,GAAG,EAAA;AAAA,EAAA,IAApCC,SAAS,GAAAsC,KAAA,CAATtC,SAAS;IAAEE,QAAQ,GAAAoC,KAAA,CAARpC,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,iDAAA,CAAAkC,KAAA,EAAAC,UAAA,CAAA;EAAA,OAChCjC,eAAA,CAACf,+BAAoB,CAACiD,SAAS,EAAAhC,uCAAA,CAAAA,uCAAA,CAAA;AAC7BT,IAAAA,GAAG,EAAEA,GAAG;AACRC,IAAAA,SAAS,EAAES,aAAE,CAAC,0BAA0B,EAAET,SAAS;AAAC,GAAA,EAChDG,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAAA,CAETQ,cAAA,CAAA,MAAA,EAAA;AAAMV,MAAAA,SAAS,EAAC,2BAA2B;AAAAE,MAAAA,QAAA,EACzCQ,eAACnB,+BAAoB,CAAC4C,aAAa,EAAA;AAAAjC,QAAAA,QAAA,EACjCQ,cAAA,CAAC+B,kBAAM,EAAA;AAACzC,UAAAA,SAAS,EAAC;SAAsB;OAAG;KACR,CAChC,EACNE,QAAQ;AAAA,GAAA,CAAA,CACsB;AAAA,CAClC;AACDmC,oBAAoB,CAACzB,WAAW,GAAGrB,+BAAoB,CAACiD,SAAS,CAAC5B,WAAW;AAE7E,IAAM8B,gBAAgB,gBAAG9C,gBAAK,CAACC,UAAU,CAKvC,UAAA8C,KAAA,EAAiC5C,GAAG,EAAA;AAAA,EAAA,IAAjCC,SAAS,GAAA2C,KAAA,CAAT3C,SAAS;IAAEC,KAAK,GAAA0C,KAAA,CAAL1C,KAAK;AAAKE,IAAAA,KAAK,GAAAC,iDAAA,CAAAuC,KAAA,EAAAC,UAAA,CAAA;AAAA,EAAA,OAC7BlC,cAAA,CAACnB,+BAAoB,CAACsD,KAAK,EAAArC,uCAAA,CAAA;AACzBT,IAAAA,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAES,aAAE,CAAC,uBAAuB,EAAER,KAAK,IAAI,6BAA6B,EAAED,SAAS;GAAC,EACrFG,KAAK,CAAA,CACT;AAAA,CACH;AACDuC,gBAAgB,CAAC9B,WAAW,GAAGrB,+BAAoB,CAACsD,KAAK,CAACjC,WAAW;AAErE,IAAMkC,oBAAoB,gBAAGlD,gBAAK,CAACC,UAAU,CAG3C,UAAAkD,KAAA,EAA0BhD,GAAG,EAAA;AAAA,EAAA,IAA1BC,SAAS,GAAA+C,KAAA,CAAT/C,SAAS;AAAKG,IAAAA,KAAK,GAAAC,iDAAA,CAAA2C,KAAA,EAAAC,UAAA,CAAA;AAAA,EAAA,OACtBtC,cAAA,CAACnB,+BAAoB,CAAC0D,SAAS,EAAAzC,uCAAA,CAAA;AAC7BT,IAAAA,GAAG,EAAEA,GAAG;AACRC,IAAAA,SAAS,EAAES,aAAE,CAAC,2BAA2B,EAAET,SAAS;GAAC,EACjDG,KAAK,CAAA,CACT;AAAA,CACH;AACD2C,oBAAoB,CAAClC,WAAW,GAAGrB,+BAAoB,CAAC0D,SAAS,CAACrC,WAAW;;;;;;;;;;;;;"}

package/dist/cjs/ui/slider.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var playerCore = require('@livepeer-frameworks/player-core');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SliderPrimitive);
+
+var _excluded = ["className", "trackClassName", "thumbClassName", "showTrack", "hoverThumb", "accentColor", "orientation"];
+var Slider = /*#__PURE__*/React__namespace.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return jsxRuntime.jsxs(SliderPrimitive__namespace.Root, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    orientation: orientation,
+    className: playerCore.cn("fw-slider", orientation === "vertical" && "fw-slider--vertical", className)
+  }, props), {}, {
+    children: [showTrack && jsxRuntime.jsx(SliderPrimitive__namespace.Track, {
+      className: playerCore.cn("fw-slider-track", trackClassName),
+      children: jsxRuntime.jsx(SliderPrimitive__namespace.Range, {
+        className: playerCore.cn("fw-slider-range", accentColor && "fw-slider-range--accent")
+      })
+    }), jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, {
+      className: playerCore.cn("fw-slider-thumb", accentColor && "fw-slider-thumb--accent", thumbClassName)
+    })]
+  }));
+});
+Slider.displayName = SliderPrimitive__namespace.Root.displayName;
+
+exports.Slider = Slider;
+//# sourceMappingURL=slider.js.map

package/dist/cjs/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,gBAAK,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,iDAAA,CAAAd,IAAA,EAAAe,SAAA;EAIV,OACEC,eAAA,CAACC,0BAAe,CAACC,IAAI,EAAAC,uCAAA,CAAAA,uCAAA,CAAA;AACnBlB,IAAAA,GAAG,EAAEA,GAAG;AACRW,IAAAA,WAAW,EAAEA,WAAW;IACxBV,SAAS,EAAEkB,aAAE,CAAC,WAAW,EAAER,WAAW,KAAK,UAAU,IAAI,qBAAqB,EAAEV,SAAS;AAAC,GAAA,EACtFW,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAQ,QAAA,EAAA,CAERf,SAAS,IACRgB,eAACL,0BAAe,CAACM,KAAK,EAAA;AAACrB,MAAAA,SAAS,EAAEkB,aAAE,CAAC,iBAAiB,EAAEjB,cAAc,CAAC;AAAAkB,MAAAA,QAAA,EACrEC,eAACL,0BAAe,CAACO,KAAK,EAAA;AACpBtB,QAAAA,SAAS,EAAEkB,aAAE,CAAC,iBAAiB,EAAEV,WAAW,IAAI,yBAAyB;;AACzE,KAAA,CAEL,EACDY,cAAA,CAACL,0BAAe,CAACQ,KAAK;MACpBvB,SAAS,EAAEkB,aAAE,CACX,iBAAiB,EACjBV,WAAW,IAAI,yBAAyB,EACxCN,cAAc;AACf,KAAA,CACD;AAAA,GAAA,CAAA,CACmB;AAE3B,CAAC;AAEHP,MAAM,CAAC6B,WAAW,GAAGT,0BAAe,CAACC,IAAI,CAACQ,WAAW;;;;"}