@protonradio/proton-ui 0.11.31 → 0.11.32

package/dist/components/Popover/Popover.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("radix-ui");;/* empty css                 */const v=require("../ThemeProvider.cjs.js"),P=require("../../utils/string.cjs.js");function s({trigger:o,children:t,open:i,isDisabled:n=!1,defaultOpen:a,onOpenChange:l,side:p="top",align:x="center",arrow:c=!1,constrainWidth:u=!1,"data-testid":d}){const{className:m,style:j}=v.useTheme();return e.jsxRuntimeExports.jsxs(r.Popover.Root,{open:i,defaultOpen:a,onOpenChange:l,children:[e.jsxRuntimeExports.jsx(r.Popover.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("div",{children:o})}),!n&&e.jsxRuntimeExports.jsx(r.Popover.Portal,{children:e.jsxRuntimeExports.jsxs(r.Popover.Content,{side:p,sideOffset:2,align:x,style:j,className:P.csx("proton-Popover",u&&"proton-Popover__constrained",m),"data-testid":d,children:[c&&e.jsxRuntimeExports.jsx(r.Popover.Arrow,{className:"arrow"}),t]})})]})}s.displayName="Popover";exports.Popover=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/react/jsx-runtime.cjs.js"),r=require("radix-ui");;/* empty css                 */const P=require("../ThemeProvider.cjs.js"),f=require("../../utils/string.cjs.js");function s({trigger:i,children:n,open:a,isDisabled:t=!1,defaultOpen:x,onOpenChange:o,side:l="top",align:u="center",arrow:c=!1,constrainWidth:p=!1,"data-testid":d}){const{className:m,style:j}=P.useTheme();return e.jsxRuntimeExports.jsxs(r.Popover.Root,{open:t?!1:a,defaultOpen:x,onOpenChange:v=>{t||o==null||o(v)},children:[e.jsxRuntimeExports.jsx(r.Popover.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("div",{"aria-disabled":t,children:i})}),!t&&e.jsxRuntimeExports.jsx(r.Popover.Portal,{children:e.jsxRuntimeExports.jsxs(r.Popover.Content,{side:l,sideOffset:2,align:u,style:j,className:f.csx("proton-Popover",p&&"proton-Popover__constrained",m),"data-testid":d,children:[c&&e.jsxRuntimeExports.jsx(r.Popover.Arrow,{className:"arrow"}),n]})})]})}s.displayName="Popover";exports.Popover=s;
 //# sourceMappingURL=Popover.cjs.js.map

package/dist/components/Popover/Popover.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport React, { CSSProperties } from \"react\";\nimport \"./Popover.css\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\n\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: React.ReactNode;\n  /**\n   * Constrain the width of the popover to the width of the trigger.\n   */\n  constrainWidth?: boolean;\n  /**\n   * Default open state (uncontrolled mode).\n   */\n  defaultOpen?: boolean;\n  /**\n   * Test id for the popover content.\n   */\n  \"data-testid\"?: string;\n  /**\n   * Control open state (controlled mode).\n   */\n  open?: boolean;\n  /**\n   * Whether the popover is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Callback when open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The trigger element for the popover.\n   */\n  trigger: React.ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   */\n  side?: PopoverSide;\n}\n\n/**\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\n *\n * A popover displays interactive content in context with a trigger element.\n * A tooltip displays a description of an element on hover or focus.\n *\n * API:\n *  - {@link PopoverProps}\n */\nexport function Popover({\n  trigger,\n  children,\n  open,\n  isDisabled = false,\n  defaultOpen,\n  onOpenChange,\n  side = \"top\",\n  align = \"center\",\n  arrow = false,\n  constrainWidth = false,\n  \"data-testid\": testId,\n}: PopoverProps) {\n  const { className: themeClass, style: themeStyle } = useTheme();\n\n  return (\n    <RadixPopover.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n    >\n      <RadixPopover.Trigger asChild>\n        <div>{trigger}</div>\n      </RadixPopover.Trigger>\n\n      {!isDisabled && (\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side={side}\n            sideOffset={2}\n            align={align}\n            style={themeStyle as CSSProperties}\n            className={csx(\n              \"proton-Popover\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            {arrow && <RadixPopover.Arrow className=\"arrow\" />}\n            {children}\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"Popover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","jsx","csx"],"mappings":"uRAsEO,SAASA,EAAQ,CACtB,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,MACP,MAAAC,EAAQ,SACR,MAAAC,EAAQ,GACR,eAAAC,EAAiB,GACjB,cAAeC,CACjB,EAAiB,CACf,KAAM,CAAE,UAAWC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,WAGnD,OAAAC,EAAA,kBAAA,KAACC,EAAAA,QAAa,KAAb,CACC,KAAAb,EACA,YAAAE,EACA,aAAAC,EAEA,SAAA,CAACW,EAAAA,kBAAAA,IAAAD,EAAAA,QAAa,QAAb,CAAqB,QAAO,GAC3B,SAACC,EAAA,kBAAA,IAAA,MAAA,CAAK,WAAQ,CAChB,CAAA,EAEC,CAACb,GACCa,EAAAA,kBAAAA,IAAAD,EAAAA,QAAa,OAAb,CACC,SAAAD,EAAA,kBAAA,KAACC,EAAAA,QAAa,QAAb,CACC,KAAAT,EACA,WAAY,EACZ,MAAAC,EACA,MAAOK,EACP,UAAWK,EAAA,IACT,iBACAR,GAAkB,8BAClBE,CACF,EACA,cAAaD,EAEZ,SAAA,CAAAF,GAAUQ,EAAA,kBAAA,IAAAD,EAAA,QAAa,MAAb,CAAmB,UAAU,QAAQ,EAC/Cd,CAAA,CAAA,CAAA,EAEL,CAAA,CAAA,CAAA,CAIR,CAEAF,EAAQ,YAAc"}
+{"version":3,"file":"Popover.cjs.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport React, { CSSProperties } from \"react\";\nimport \"./Popover.css\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\n\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: React.ReactNode;\n  /**\n   * Constrain the width of the popover to the width of the trigger.\n   */\n  constrainWidth?: boolean;\n  /**\n   * Default open state (uncontrolled mode).\n   */\n  defaultOpen?: boolean;\n  /**\n   * Test id for the popover content.\n   */\n  \"data-testid\"?: string;\n  /**\n   * Control open state (controlled mode).\n   */\n  open?: boolean;\n  /**\n   * Whether the popover is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Callback when open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The trigger element for the popover.\n   */\n  trigger: React.ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   */\n  side?: PopoverSide;\n}\n\n/**\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\n *\n * A popover displays interactive content in context with a trigger element.\n * A tooltip displays a description of an element on hover or focus.\n *\n * API:\n *  - {@link PopoverProps}\n */\nexport function Popover({\n  trigger,\n  children,\n  open,\n  isDisabled = false,\n  defaultOpen,\n  onOpenChange,\n  side = \"top\",\n  align = \"center\",\n  arrow = false,\n  constrainWidth = false,\n  \"data-testid\": testId,\n}: PopoverProps) {\n  const { className: themeClass, style: themeStyle } = useTheme();\n\n  return (\n    <RadixPopover.Root\n      open={isDisabled ? false : open}\n      defaultOpen={defaultOpen}\n      onOpenChange={(newOpen) => {\n        if (isDisabled) return;\n        onOpenChange?.(newOpen);\n      }}\n    >\n      <RadixPopover.Trigger asChild>\n        <div aria-disabled={isDisabled}>{trigger}</div>\n      </RadixPopover.Trigger>\n\n      {!isDisabled && (\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side={side}\n            sideOffset={2}\n            align={align}\n            style={themeStyle as CSSProperties}\n            className={csx(\n              \"proton-Popover\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            {arrow && <RadixPopover.Arrow className=\"arrow\" />}\n            {children}\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"Popover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","newOpen","jsx","csx"],"mappings":"uRAsEO,SAASA,EAAQ,CACtB,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,MACP,MAAAC,EAAQ,SACR,MAAAC,EAAQ,GACR,eAAAC,EAAiB,GACjB,cAAeC,CACjB,EAAiB,CACf,KAAM,CAAE,UAAWC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,WAGnD,OAAAC,EAAA,kBAAA,KAACC,EAAAA,QAAa,KAAb,CACC,KAAMZ,EAAa,GAAQD,EAC3B,YAAAE,EACA,aAAeY,GAAY,CACrBb,GACJE,GAAA,MAAAA,EAAeW,EACjB,EAEA,SAAA,CAACC,EAAA,kBAAA,IAAAF,EAAA,QAAa,QAAb,CAAqB,QAAO,GAC3B,iCAAC,MAAI,CAAA,gBAAeZ,EAAa,SAAAH,CAAA,CAAQ,CAC3C,CAAA,EAEC,CAACG,GACCc,EAAAA,kBAAAA,IAAAF,EAAAA,QAAa,OAAb,CACC,SAAAD,EAAA,kBAAA,KAACC,EAAAA,QAAa,QAAb,CACC,KAAAT,EACA,WAAY,EACZ,MAAAC,EACA,MAAOK,EACP,UAAWM,EAAA,IACT,iBACAT,GAAkB,8BAClBE,CACF,EACA,cAAaD,EAEZ,SAAA,CAAAF,GAAUS,EAAA,kBAAA,IAAAF,EAAA,QAAa,MAAb,CAAmB,UAAU,QAAQ,EAC/Cd,CAAA,CAAA,CAAA,EAEL,CAAA,CAAA,CAAA,CAIR,CAEAF,EAAQ,YAAc"}

package/dist/components/Popover/Popover.es.js

@@ -1,46 +1,48 @@
-import { j as e } from "../../node_modules/react/jsx-runtime.es.js";
-import { Popover as o } from "radix-ui";
+import { j as r } from "../../node_modules/react/jsx-runtime.es.js";
+import { Popover as e } from "radix-ui";
 /* empty css               */
-import { useTheme as h } from "../ThemeProvider.es.js";
-import { csx as j } from "../../utils/string.es.js";
-function v({
-  trigger: r,
-  children: s,
-  open: t,
-  isDisabled: a = !1,
-  defaultOpen: i,
-  onOpenChange: l,
+import { useTheme as v } from "../ThemeProvider.es.js";
+import { csx as P } from "../../utils/string.es.js";
+function h({
+  trigger: s,
+  children: a,
+  open: i,
+  isDisabled: o = !1,
+  defaultOpen: l,
+  onOpenChange: t,
   side: m = "top",
-  align: n = "center",
-  arrow: p = !1,
+  align: p = "center",
+  arrow: c = !1,
   constrainWidth: d = !1,
-  "data-testid": c
+  "data-testid": f
 }) {
-  const { className: f, style: x } = h();
-  return /* @__PURE__ */ e.jsxs(
-    o.Root,
+  const { className: n, style: x } = v();
+  return /* @__PURE__ */ r.jsxs(
+    e.Root,
     {
-      open: t,
-      defaultOpen: i,
-      onOpenChange: l,
+      open: o ? !1 : i,
+      defaultOpen: l,
+      onOpenChange: (j) => {
+        o || t == null || t(j);
+      },
       children: [
-        /* @__PURE__ */ e.jsx(o.Trigger, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: r }) }),
-        !a && /* @__PURE__ */ e.jsx(o.Portal, { children: /* @__PURE__ */ e.jsxs(
-          o.Content,
+        /* @__PURE__ */ r.jsx(e.Trigger, { asChild: !0, children: /* @__PURE__ */ r.jsx("div", { "aria-disabled": o, children: s }) }),
+        !o && /* @__PURE__ */ r.jsx(e.Portal, { children: /* @__PURE__ */ r.jsxs(
+          e.Content,
           {
             side: m,
             sideOffset: 2,
-            align: n,
+            align: p,
             style: x,
-            className: j(
+            className: P(
               "proton-Popover",
               d && "proton-Popover__constrained",
-              f
+              n
             ),
-            "data-testid": c,
+            "data-testid": f,
             children: [
-              p && /* @__PURE__ */ e.jsx(o.Arrow, { className: "arrow" }),
-              s
+              c && /* @__PURE__ */ r.jsx(e.Arrow, { className: "arrow" }),
+              a
             ]
           }
         ) })
@@ -48,8 +50,8 @@ function v({
     }
   );
 }
-v.displayName = "Popover";
+h.displayName = "Popover";
 export {
-  v as Popover
+  h as Popover
 };
 //# sourceMappingURL=Popover.es.js.map

package/dist/components/Popover/Popover.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.es.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport React, { CSSProperties } from \"react\";\nimport \"./Popover.css\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\n\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: React.ReactNode;\n  /**\n   * Constrain the width of the popover to the width of the trigger.\n   */\n  constrainWidth?: boolean;\n  /**\n   * Default open state (uncontrolled mode).\n   */\n  defaultOpen?: boolean;\n  /**\n   * Test id for the popover content.\n   */\n  \"data-testid\"?: string;\n  /**\n   * Control open state (controlled mode).\n   */\n  open?: boolean;\n  /**\n   * Whether the popover is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Callback when open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The trigger element for the popover.\n   */\n  trigger: React.ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   */\n  side?: PopoverSide;\n}\n\n/**\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\n *\n * A popover displays interactive content in context with a trigger element.\n * A tooltip displays a description of an element on hover or focus.\n *\n * API:\n *  - {@link PopoverProps}\n */\nexport function Popover({\n  trigger,\n  children,\n  open,\n  isDisabled = false,\n  defaultOpen,\n  onOpenChange,\n  side = \"top\",\n  align = \"center\",\n  arrow = false,\n  constrainWidth = false,\n  \"data-testid\": testId,\n}: PopoverProps) {\n  const { className: themeClass, style: themeStyle } = useTheme();\n\n  return (\n    <RadixPopover.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n    >\n      <RadixPopover.Trigger asChild>\n        <div>{trigger}</div>\n      </RadixPopover.Trigger>\n\n      {!isDisabled && (\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side={side}\n            sideOffset={2}\n            align={align}\n            style={themeStyle as CSSProperties}\n            className={csx(\n              \"proton-Popover\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            {arrow && <RadixPopover.Arrow className=\"arrow\" />}\n            {children}\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"Popover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","jsx","csx"],"mappings":";;;;;AAsEO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,gBAAAC,IAAiB;AAAA,EACjB,eAAeC;AACjB,GAAiB;AACf,QAAM,EAAE,WAAWC,GAAY,OAAOC,EAAA,IAAeC;AAGnD,SAAAC,gBAAAA,EAAA;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACC,MAAAb;AAAA,MACA,aAAAE;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA;AAAA,QAACW,gBAAAA,EAAAA,IAAAD,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAACC,gBAAAA,EAAA,IAAA,OAAA,EAAK,aAAQ,EAChB,CAAA;AAAA,QAEC,CAACb,KACCa,gBAAAA,EAAAA,IAAAD,EAAa,QAAb,EACC,UAAAD,gBAAAA,EAAA;AAAA,UAACC,EAAa;AAAA,UAAb;AAAA,YACC,MAAAT;AAAA,YACA,YAAY;AAAA,YACZ,OAAAC;AAAA,YACA,OAAOK;AAAA,YACP,WAAWK;AAAA,cACT;AAAA,cACAR,KAAkB;AAAA,cAClBE;AAAA,YACF;AAAA,YACA,eAAaD;AAAA,YAEZ,UAAA;AAAA,cAAAF,KAAUQ,gBAAAA,EAAA,IAAAD,EAAa,OAAb,EAAmB,WAAU,SAAQ;AAAA,cAC/Cd;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAF,EAAQ,cAAc;"}
+{"version":3,"file":"Popover.es.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport React, { CSSProperties } from \"react\";\nimport \"./Popover.css\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\n\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: React.ReactNode;\n  /**\n   * Constrain the width of the popover to the width of the trigger.\n   */\n  constrainWidth?: boolean;\n  /**\n   * Default open state (uncontrolled mode).\n   */\n  defaultOpen?: boolean;\n  /**\n   * Test id for the popover content.\n   */\n  \"data-testid\"?: string;\n  /**\n   * Control open state (controlled mode).\n   */\n  open?: boolean;\n  /**\n   * Whether the popover is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Callback when open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The trigger element for the popover.\n   */\n  trigger: React.ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   */\n  side?: PopoverSide;\n}\n\n/**\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\n *\n * A popover displays interactive content in context with a trigger element.\n * A tooltip displays a description of an element on hover or focus.\n *\n * API:\n *  - {@link PopoverProps}\n */\nexport function Popover({\n  trigger,\n  children,\n  open,\n  isDisabled = false,\n  defaultOpen,\n  onOpenChange,\n  side = \"top\",\n  align = \"center\",\n  arrow = false,\n  constrainWidth = false,\n  \"data-testid\": testId,\n}: PopoverProps) {\n  const { className: themeClass, style: themeStyle } = useTheme();\n\n  return (\n    <RadixPopover.Root\n      open={isDisabled ? false : open}\n      defaultOpen={defaultOpen}\n      onOpenChange={(newOpen) => {\n        if (isDisabled) return;\n        onOpenChange?.(newOpen);\n      }}\n    >\n      <RadixPopover.Trigger asChild>\n        <div aria-disabled={isDisabled}>{trigger}</div>\n      </RadixPopover.Trigger>\n\n      {!isDisabled && (\n        <RadixPopover.Portal>\n          <RadixPopover.Content\n            side={side}\n            sideOffset={2}\n            align={align}\n            style={themeStyle as CSSProperties}\n            className={csx(\n              \"proton-Popover\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            {arrow && <RadixPopover.Arrow className=\"arrow\" />}\n            {children}\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"Popover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","newOpen","jsx","csx"],"mappings":";;;;;AAsEO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,gBAAAC,IAAiB;AAAA,EACjB,eAAeC;AACjB,GAAiB;AACf,QAAM,EAAE,WAAWC,GAAY,OAAOC,EAAA,IAAeC;AAGnD,SAAAC,gBAAAA,EAAA;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACC,MAAMZ,IAAa,KAAQD;AAAA,MAC3B,aAAAE;AAAA,MACA,cAAc,CAACY,MAAY;AACzB,QAAIb,KACJE,KAAA,QAAAA,EAAeW;AAAA,MACjB;AAAA,MAEA,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAAF,EAAa,SAAb,EAAqB,SAAO,IAC3B,gCAAC,OAAI,EAAA,iBAAeZ,GAAa,UAAAH,EAAA,CAAQ,EAC3C,CAAA;AAAA,QAEC,CAACG,KACCc,gBAAAA,EAAAA,IAAAF,EAAa,QAAb,EACC,UAAAD,gBAAAA,EAAA;AAAA,UAACC,EAAa;AAAA,UAAb;AAAA,YACC,MAAAT;AAAA,YACA,YAAY;AAAA,YACZ,OAAAC;AAAA,YACA,OAAOK;AAAA,YACP,WAAWM;AAAA,cACT;AAAA,cACAT,KAAkB;AAAA,cAClBE;AAAA,YACF;AAAA,YACA,eAAaD;AAAA,YAEZ,UAAA;AAAA,cAAAF,KAAUS,gBAAAA,EAAA,IAAAF,EAAa,OAAb,EAAmB,WAAU,SAAQ;AAAA,cAC/Cd;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAF,EAAQ,cAAc;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.11.31",
+  "version": "0.11.32",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",