@wistia/ui 0.6.12 → 0.6.13-beta.2d2240c1.68327d0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.12
+ * @license @wistia/ui v0.6.13-beta.2d2240c1.68327d0
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9563,13 +9563,14 @@ var StyledSubTrigger = (0, import_styled_components55.default)(import_react_drop
     background-color: var(--wui-color-bg-surface-hover);
   }
 `;
-var SubMenuTrigger = (props) => {
+var SubMenuTrigger = ({ icon, ...props }) => {
   const { isSmAndUp } = useMq();
   const Trigger4 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
   return /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(
     MenuItemButton,
     {
       ...props,
+      leftIcon: icon,
       rightIcon: /* @__PURE__ */ (0, import_jsx_runtime228.jsx)(Icon, { type: "caret-right" })
     }
   ) });
@@ -10041,12 +10042,14 @@ var getControlProps = (isOpen, onOpenChange) => {
 // src/components/Popover/Popover.tsx
 var import_jsx_runtime238 = require("react/jsx-runtime");
 var StyledContent2 = (0, import_styled_components61.default)(import_react_popover.Content)`
-  border-radius: var(--wui-border-radius-02);
-  padding: var(--wui-space-04);
-  max-width: 320px;
-  background-color: var(--wui-color-bg-surface);
-  box-shadow: var(--wui-elevation-01);
-  border: 1px solid var(--wui-color-border);
+  ${({ $unstyled }) => !$unstyled && import_styled_components61.css`
+      border-radius: var(--wui-border-radius-02);
+      padding: var(--wui-space-04);
+      max-width: 320px;
+      background-color: var(--wui-color-bg-surface);
+      box-shadow: var(--wui-elevation-01);
+      border: 1px solid var(--wui-color-border);
+    `}
 
   [data-wui-popover-close] {
     position: absolute;
@@ -10054,16 +10057,13 @@ var StyledContent2 = (0, import_styled_components61.default)(import_react_popove
     right: var(--wui-space-02);
   }
 `;
-var StyledArrow = (0, import_styled_components61.default)(import_react_popover.Arrow)`
-  fill: white;
-  display: none;
-`;
 var Popover = ({
   children,
   trigger,
   isOpen = false,
   hideCloseButton = false,
   onOpenChange,
+  unstyled = false,
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(import_react_popover.Root, { ...getControlProps(isOpen, onOpenChange), children: [
@@ -10071,10 +10071,10 @@ var Popover = ({
     /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(import_react_popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(
       StyledContent2,
       {
-        sideOffset: 5,
+        sideOffset: 8,
         ...props,
+        $unstyled: unstyled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(StyledArrow, {}),
           !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(import_react_popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(
             IconButton,
             {