@protonradio/proton-ui 0.11.6 → 0.11.7

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 m=require("../ThemeProvider.cjs.js"),j=require("../../utils/string.cjs.js");function v({trigger:s,children:t,open:o,defaultOpen:i,onOpenChange:n,side:x="top",align:a="center",arrow:c=!1,constrainWidth:l=!1,"data-testid":p}){const{className:u,style:d}=m.useTheme();return e.jsxRuntimeExports.jsxs(r.Popover.Root,{open:o,defaultOpen:i,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(r.Popover.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("div",{children:s})}),e.jsxRuntimeExports.jsx(r.Popover.Portal,{children:e.jsxRuntimeExports.jsxs(r.Popover.Content,{side:x,sideOffset:2,align:a,style:d,className:j.csx("proton-Popover",l&&"proton-Popover__constrained",u),"data-testid":p,children:[c&&e.jsxRuntimeExports.jsx(r.Popover.Arrow,{className:"arrow"}),t]})})]})}exports.Popover=v;
+"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 j=require("../ThemeProvider.cjs.js"),v=require("../../utils/string.cjs.js");function s({trigger:o,children:t,open:i,defaultOpen:n,onOpenChange:a,side:p="top",align:x="center",arrow:l=!1,constrainWidth:c=!1,"data-testid":u}){const{className:d,style:m}=j.useTheme();return e.jsxRuntimeExports.jsxs(r.Popover.Root,{open:i,defaultOpen:n,onOpenChange:a,children:[e.jsxRuntimeExports.jsx(r.Popover.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("div",{children:o})}),e.jsxRuntimeExports.jsx(r.Popover.Portal,{children:e.jsxRuntimeExports.jsxs(r.Popover.Content,{side:p,sideOffset:2,align:x,style:m,className:v.csx("proton-Popover",c&&"proton-Popover__constrained",d),"data-testid":u,children:[l&&e.jsxRuntimeExports.jsx(r.Popover.Arrow,{className:"arrow"}),t]})})]})}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\";\r\n\r\nimport { Popover as RadixPopover } from \"radix-ui\";\r\nimport React, { CSSProperties } from \"react\";\r\nimport \"./Popover.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport { csx } from \"../../utils/string\";\r\n\r\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\r\n\r\nexport interface PopoverProps {\r\n  /**\r\n   * The trigger element for the popover.\r\n   * @warning Do NOT pass a <button> element here. Use a span, div, or other non-button element.\r\n   * If a button is passed, an error will be thrown.\r\n   */\r\n  trigger: React.ReactNode;\r\n  /**\r\n   * The content of the popover.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Constrain the width of the popover to the width of the trigger.\r\n   */\r\n  constrainWidth?: boolean;\r\n  /**\r\n   * Control open state (controlled mode).\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Default open state (uncontrolled mode).\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Callback when open state changes.\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n  /**\r\n   * Popover side placement\r\n   * {@link PopoverSide}\r\n   */\r\n  side?: PopoverSide;\r\n  /**\r\n   * Popover alignment\r\n   * {@link PopoverAlign}\r\n   */\r\n  align?: PopoverAlign;\r\n  /**\r\n   * Show an arrow pointing to the trigger.\r\n   */\r\n  arrow?: boolean;\r\n  /**\r\n   * Test id for the popover content.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\r\n *\r\n * A popover displays interactive content in context with a trigger element.\r\n * A tooltip displays a description of an element on hover or focus.\r\n *\r\n * API:\r\n *  - {@link PopoverProps}\r\n */\r\nexport function Popover({\r\n  trigger,\r\n  children,\r\n  open,\r\n  defaultOpen,\r\n  onOpenChange,\r\n  side = \"top\",\r\n  align = \"center\",\r\n  arrow = false,\r\n  constrainWidth = false,\r\n  \"data-testid\": testId,\r\n}: PopoverProps) {\r\n  const { className: themeClass, style: themeStyle } = useTheme();\r\n\r\n  return (\r\n    <RadixPopover.Root\r\n      open={open}\r\n      defaultOpen={defaultOpen}\r\n      onOpenChange={onOpenChange}\r\n    >\r\n      <RadixPopover.Trigger asChild>\r\n        <div>{trigger}</div>\r\n      </RadixPopover.Trigger>\r\n\r\n      <RadixPopover.Portal>\r\n        <RadixPopover.Content\r\n          side={side}\r\n          sideOffset={2}\r\n          align={align}\r\n          style={themeStyle as CSSProperties}\r\n          className={csx(\r\n            \"proton-Popover\",\r\n            constrainWidth && \"proton-Popover__constrained\",\r\n            themeClass\r\n          )}\r\n          data-testid={testId}\r\n        >\r\n          {arrow && <RadixPopover.Arrow className=\"arrow\" />}\r\n          {children}\r\n        </RadixPopover.Content>\r\n      </RadixPopover.Portal>\r\n    </RadixPopover.Root>\r\n  );\r\n}\r\n"],"names":["Popover","trigger","children","open","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","jsx","csx"],"mappings":"uRAmEO,SAASA,EAAQ,CACtB,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,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,KAAAZ,EACA,YAAAC,EACA,aAAAC,EAEA,SAAA,CAACW,EAAAA,kBAAAA,IAAAD,EAAAA,QAAa,QAAb,CAAqB,QAAO,GAC3B,SAACC,EAAA,kBAAA,IAAA,MAAA,CAAK,WAAQ,CAChB,CAAA,EAEAA,EAAAA,kBAAAA,IAACD,EAAa,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/Cb,CAAA,CAAA,CAAA,EAEL,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"Popover.cjs.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Popover as RadixPopover } from \"radix-ui\";\r\nimport React, { CSSProperties } from \"react\";\r\nimport \"./Popover.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport { csx } from \"../../utils/string\";\r\n\r\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\r\n\r\nexport interface PopoverProps {\r\n  /**\r\n   * The trigger element for the popover.\r\n   * @warning Do NOT pass a <button> element here. Use a span, div, or other non-button element.\r\n   * If a button is passed, an error will be thrown.\r\n   */\r\n  trigger: React.ReactNode;\r\n  /**\r\n   * The content of the popover.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Constrain the width of the popover to the width of the trigger.\r\n   */\r\n  constrainWidth?: boolean;\r\n  /**\r\n   * Control open state (controlled mode).\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Default open state (uncontrolled mode).\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Callback when open state changes.\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n  /**\r\n   * Popover side placement\r\n   * {@link PopoverSide}\r\n   */\r\n  side?: PopoverSide;\r\n  /**\r\n   * Popover alignment\r\n   * {@link PopoverAlign}\r\n   */\r\n  align?: PopoverAlign;\r\n  /**\r\n   * Show an arrow pointing to the trigger.\r\n   */\r\n  arrow?: boolean;\r\n  /**\r\n   * Test id for the popover content.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\r\n *\r\n * A popover displays interactive content in context with a trigger element.\r\n * A tooltip displays a description of an element on hover or focus.\r\n *\r\n * API:\r\n *  - {@link PopoverProps}\r\n */\r\nexport function Popover({\r\n  trigger,\r\n  children,\r\n  open,\r\n  defaultOpen,\r\n  onOpenChange,\r\n  side = \"top\",\r\n  align = \"center\",\r\n  arrow = false,\r\n  constrainWidth = false,\r\n  \"data-testid\": testId,\r\n}: PopoverProps) {\r\n  const { className: themeClass, style: themeStyle } = useTheme();\r\n\r\n  return (\r\n    <RadixPopover.Root\r\n      open={open}\r\n      defaultOpen={defaultOpen}\r\n      onOpenChange={onOpenChange}\r\n    >\r\n      <RadixPopover.Trigger asChild>\r\n        <div>{trigger}</div>\r\n      </RadixPopover.Trigger>\r\n\r\n      <RadixPopover.Portal>\r\n        <RadixPopover.Content\r\n          side={side}\r\n          sideOffset={2}\r\n          align={align}\r\n          style={themeStyle as CSSProperties}\r\n          className={csx(\r\n            \"proton-Popover\",\r\n            constrainWidth && \"proton-Popover__constrained\",\r\n            themeClass\r\n          )}\r\n          data-testid={testId}\r\n        >\r\n          {arrow && <RadixPopover.Arrow className=\"arrow\" />}\r\n          {children}\r\n        </RadixPopover.Content>\r\n      </RadixPopover.Portal>\r\n    </RadixPopover.Root>\r\n  );\r\n}\r\n\r\nPopover.displayName = \"Popover\";"],"names":["Popover","trigger","children","open","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","jsx","csx"],"mappings":"uRAmEO,SAASA,EAAQ,CACtB,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,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,KAAAZ,EACA,YAAAC,EACA,aAAAC,EAEA,SAAA,CAACW,EAAAA,kBAAAA,IAAAD,EAAAA,QAAa,QAAb,CAAqB,QAAO,GAC3B,SAACC,EAAA,kBAAA,IAAA,MAAA,CAAK,WAAQ,CAChB,CAAA,EAEAA,EAAAA,kBAAAA,IAACD,EAAa,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/Cb,CAAA,CAAA,CAAA,EAEL,CAAA,CAAA,CAAA,CAGN,CAEAF,EAAQ,YAAc"}

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

@@ -3,19 +3,19 @@ import { Popover as o } from "radix-ui";
 /* empty css               */
 import { useTheme as f } from "../ThemeProvider.es.js";
 import { csx as h } from "../../utils/string.es.js";
-function C({
+function j({
   trigger: r,
   children: s,
   open: t,
   defaultOpen: a,
   onOpenChange: i,
-  side: n = "top",
-  align: l = "center",
-  arrow: m = !1,
+  side: l = "top",
+  align: m = "center",
+  arrow: n = !1,
   constrainWidth: p = !1,
-  "data-testid": c
+  "data-testid": d
 }) {
-  const { className: d, style: x } = f();
+  const { className: c, style: x } = f();
   return /* @__PURE__ */ e.jsxs(
     o.Root,
     {
@@ -27,18 +27,18 @@ function C({
         /* @__PURE__ */ e.jsx(o.Portal, { children: /* @__PURE__ */ e.jsxs(
           o.Content,
           {
-            side: n,
+            side: l,
             sideOffset: 2,
-            align: l,
+            align: m,
             style: x,
             className: h(
               "proton-Popover",
               p && "proton-Popover__constrained",
-              d
+              c
             ),
-            "data-testid": c,
+            "data-testid": d,
             children: [
-              m && /* @__PURE__ */ e.jsx(o.Arrow, { className: "arrow" }),
+              n && /* @__PURE__ */ e.jsx(o.Arrow, { className: "arrow" }),
               s
             ]
           }
@@ -47,7 +47,8 @@ function C({
     }
   );
 }
+j.displayName = "Popover";
 export {
-  C as Popover
+  j 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\";\r\n\r\nimport { Popover as RadixPopover } from \"radix-ui\";\r\nimport React, { CSSProperties } from \"react\";\r\nimport \"./Popover.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport { csx } from \"../../utils/string\";\r\n\r\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\r\n\r\nexport interface PopoverProps {\r\n  /**\r\n   * The trigger element for the popover.\r\n   * @warning Do NOT pass a <button> element here. Use a span, div, or other non-button element.\r\n   * If a button is passed, an error will be thrown.\r\n   */\r\n  trigger: React.ReactNode;\r\n  /**\r\n   * The content of the popover.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Constrain the width of the popover to the width of the trigger.\r\n   */\r\n  constrainWidth?: boolean;\r\n  /**\r\n   * Control open state (controlled mode).\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Default open state (uncontrolled mode).\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Callback when open state changes.\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n  /**\r\n   * Popover side placement\r\n   * {@link PopoverSide}\r\n   */\r\n  side?: PopoverSide;\r\n  /**\r\n   * Popover alignment\r\n   * {@link PopoverAlign}\r\n   */\r\n  align?: PopoverAlign;\r\n  /**\r\n   * Show an arrow pointing to the trigger.\r\n   */\r\n  arrow?: boolean;\r\n  /**\r\n   * Test id for the popover content.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\r\n *\r\n * A popover displays interactive content in context with a trigger element.\r\n * A tooltip displays a description of an element on hover or focus.\r\n *\r\n * API:\r\n *  - {@link PopoverProps}\r\n */\r\nexport function Popover({\r\n  trigger,\r\n  children,\r\n  open,\r\n  defaultOpen,\r\n  onOpenChange,\r\n  side = \"top\",\r\n  align = \"center\",\r\n  arrow = false,\r\n  constrainWidth = false,\r\n  \"data-testid\": testId,\r\n}: PopoverProps) {\r\n  const { className: themeClass, style: themeStyle } = useTheme();\r\n\r\n  return (\r\n    <RadixPopover.Root\r\n      open={open}\r\n      defaultOpen={defaultOpen}\r\n      onOpenChange={onOpenChange}\r\n    >\r\n      <RadixPopover.Trigger asChild>\r\n        <div>{trigger}</div>\r\n      </RadixPopover.Trigger>\r\n\r\n      <RadixPopover.Portal>\r\n        <RadixPopover.Content\r\n          side={side}\r\n          sideOffset={2}\r\n          align={align}\r\n          style={themeStyle as CSSProperties}\r\n          className={csx(\r\n            \"proton-Popover\",\r\n            constrainWidth && \"proton-Popover__constrained\",\r\n            themeClass\r\n          )}\r\n          data-testid={testId}\r\n        >\r\n          {arrow && <RadixPopover.Arrow className=\"arrow\" />}\r\n          {children}\r\n        </RadixPopover.Content>\r\n      </RadixPopover.Portal>\r\n    </RadixPopover.Root>\r\n  );\r\n}\r\n"],"names":["Popover","trigger","children","open","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","jsx","csx"],"mappings":";;;;;AAmEO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,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,MAAAZ;AAAA,MACA,aAAAC;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,QAEAA,gBAAAA,EAAAA,IAACD,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/Cb;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Popover.es.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Popover as RadixPopover } from \"radix-ui\";\r\nimport React, { CSSProperties } from \"react\";\r\nimport \"./Popover.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport { csx } from \"../../utils/string\";\r\n\r\nexport type PopoverSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\nexport type PopoverAlign = \"start\" | \"center\" | \"end\";\r\n\r\nexport interface PopoverProps {\r\n  /**\r\n   * The trigger element for the popover.\r\n   * @warning Do NOT pass a <button> element here. Use a span, div, or other non-button element.\r\n   * If a button is passed, an error will be thrown.\r\n   */\r\n  trigger: React.ReactNode;\r\n  /**\r\n   * The content of the popover.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Constrain the width of the popover to the width of the trigger.\r\n   */\r\n  constrainWidth?: boolean;\r\n  /**\r\n   * Control open state (controlled mode).\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Default open state (uncontrolled mode).\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Callback when open state changes.\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n  /**\r\n   * Popover side placement\r\n   * {@link PopoverSide}\r\n   */\r\n  side?: PopoverSide;\r\n  /**\r\n   * Popover alignment\r\n   * {@link PopoverAlign}\r\n   */\r\n  align?: PopoverAlign;\r\n  /**\r\n   * Show an arrow pointing to the trigger.\r\n   */\r\n  arrow?: boolean;\r\n  /**\r\n   * Test id for the popover content.\r\n   */\r\n  \"data-testid\"?: string;\r\n}\r\n\r\n/**\r\n * A popover component that handles positioning and supports controlled and uncontrolled modes.\r\n *\r\n * A popover displays interactive content in context with a trigger element.\r\n * A tooltip displays a description of an element on hover or focus.\r\n *\r\n * API:\r\n *  - {@link PopoverProps}\r\n */\r\nexport function Popover({\r\n  trigger,\r\n  children,\r\n  open,\r\n  defaultOpen,\r\n  onOpenChange,\r\n  side = \"top\",\r\n  align = \"center\",\r\n  arrow = false,\r\n  constrainWidth = false,\r\n  \"data-testid\": testId,\r\n}: PopoverProps) {\r\n  const { className: themeClass, style: themeStyle } = useTheme();\r\n\r\n  return (\r\n    <RadixPopover.Root\r\n      open={open}\r\n      defaultOpen={defaultOpen}\r\n      onOpenChange={onOpenChange}\r\n    >\r\n      <RadixPopover.Trigger asChild>\r\n        <div>{trigger}</div>\r\n      </RadixPopover.Trigger>\r\n\r\n      <RadixPopover.Portal>\r\n        <RadixPopover.Content\r\n          side={side}\r\n          sideOffset={2}\r\n          align={align}\r\n          style={themeStyle as CSSProperties}\r\n          className={csx(\r\n            \"proton-Popover\",\r\n            constrainWidth && \"proton-Popover__constrained\",\r\n            themeClass\r\n          )}\r\n          data-testid={testId}\r\n        >\r\n          {arrow && <RadixPopover.Arrow className=\"arrow\" />}\r\n          {children}\r\n        </RadixPopover.Content>\r\n      </RadixPopover.Portal>\r\n    </RadixPopover.Root>\r\n  );\r\n}\r\n\r\nPopover.displayName = \"Popover\";"],"names":["Popover","trigger","children","open","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","jsx","csx"],"mappings":";;;;;AAmEO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,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,MAAAZ;AAAA,MACA,aAAAC;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,QAEAA,gBAAAA,EAAAA,IAACD,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/Cb;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAF,EAAQ,cAAc;"}

package/dist/dark.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./design/darkTheme/colors.cjs.js"),E=require("./design/darkTheme/stylesheet.cjs.js");exports.DARK_BORDER=A.BORDER;exports.DARK_ELEVATION=A.ELEVATION;exports.DARK_GRAYSCALE=A.DARK_GRAYSCALE;exports.DARK_PALETTE=A.DARK_PALETTE;exports.DARK_SECONDARY=A.DARK_SECONDARY;exports.DARK_STYLESHEET=E.DARK_STYLESHEET;
+//# sourceMappingURL=dark.cjs.js.map

package/dist/{theme/dark.es.js → dark.es.js}

@@ -1,5 +1,5 @@
-import { BORDER as R, ELEVATION as D, DARK_GRAYSCALE as K, DARK_PALETTE as T, DARK_SECONDARY as _ } from "../design/darkTheme/colors.es.js";
-import { DARK_STYLESHEET as O } from "../design/darkTheme/stylesheet.es.js";
+import { BORDER as R, ELEVATION as D, DARK_GRAYSCALE as K, DARK_PALETTE as T, DARK_SECONDARY as _ } from "./design/darkTheme/colors.es.js";
+import { DARK_STYLESHEET as O } from "./design/darkTheme/stylesheet.es.js";
 export {
   R as DARK_BORDER,
   D as DARK_ELEVATION,

package/dist/index.d.ts

@@ -721,6 +721,10 @@ declare interface ModalProps {
  */
 export declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, side, align, arrow, constrainWidth, "data-testid": testId, }: PopoverProps): JSX_2.Element;
 
+export declare namespace Popover {
+    var displayName: string;
+}
+
 export declare type PopoverAlign = "start" | "center" | "end";
 
 declare interface PopoverProps {

package/dist/light.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./design/lightTheme/colors.cjs.js"),T=require("./design/lightTheme/stylesheet.cjs.js");exports.LIGHT_BORDER=E.BORDER;exports.LIGHT_ELEVATION=E.ELEVATION;exports.LIGHT_GRAYSCALE=E.LIGHT_GRAYSCALE;exports.LIGHT_PALETTE=E.LIGHT_PALETTE;exports.LIGHT_SECONDARY_SCALE=E.LIGHT_SECONDARY_SCALE;exports.LIGHT_STYLESHEET=T.LIGHT_STYLESHEET;
+//# sourceMappingURL=light.cjs.js.map

package/dist/{theme/light.es.js → light.es.js}

@@ -1,5 +1,5 @@
-import { BORDER as T, ELEVATION as I, LIGHT_GRAYSCALE as A, LIGHT_PALETTE as G, LIGHT_SECONDARY_SCALE as H } from "../design/lightTheme/colors.es.js";
-import { LIGHT_STYLESHEET as R } from "../design/lightTheme/stylesheet.es.js";
+import { BORDER as T, ELEVATION as I, LIGHT_GRAYSCALE as A, LIGHT_PALETTE as G, LIGHT_SECONDARY_SCALE as H } from "./design/lightTheme/colors.es.js";
+import { LIGHT_STYLESHEET as R } from "./design/lightTheme/stylesheet.es.js";
 export {
   T as LIGHT_BORDER,
   I as LIGHT_ELEVATION,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@protonradio/proton-ui",
-  "version": "0.11.6",
+  "version": "0.11.7",
   "description": "",
   "main": "./dist/proton-ui.umd.js",
   "module": "./dist/proton-ui.es.js",
@@ -26,19 +26,19 @@
       "require": "./dist/hooks.cjs.js"
     },
     "./theme": {
-      "types": "./dist/design.d.ts",
-      "import": "./dist/design.es.js",
-      "require": "./dist/design.cjs.js"
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.es.js",
+      "require": "./dist/theme.cjs.js"
     },
     "./theme/light": {
-      "types": "./dist/theme-light.d.ts",
-      "import": "./dist/theme-light.es.js",
-      "require": "./dist/theme-light.cjs.js"
+      "types": "./dist/light.d.ts",
+      "import": "./dist/light.es.js",
+      "require": "./dist/light.cjs.js"
     },
     "./theme/dark": {
-      "types": "./dist/theme-dark.d.ts",
-      "import": "./dist/theme-dark.es.js",
-      "require": "./dist/theme-dark.cjs.js"
+      "types": "./dist/dark.d.ts",
+      "import": "./dist/dark.es.js",
+      "require": "./dist/dark.cjs.js"
     }
   },
   "typesVersions": {
@@ -56,13 +56,13 @@
         "./dist/hooks.d.ts"
       ],
       "theme": [
-        "./dist/design.d.ts"
+        "./dist/theme.d.ts"
       ],
       "theme/light": [
-        "./dist/theme-light.d.ts"
+        "./dist/light.d.ts"
       ],
       "theme/dark": [
-        "./dist/theme-dark.d.ts"
+        "./dist/dark.d.ts"
       ]
     }
   },

package/dist/theme/dark.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../design/darkTheme/colors.cjs.js"),E=require("../design/darkTheme/stylesheet.cjs.js");exports.DARK_BORDER=A.BORDER;exports.DARK_ELEVATION=A.ELEVATION;exports.DARK_GRAYSCALE=A.DARK_GRAYSCALE;exports.DARK_PALETTE=A.DARK_PALETTE;exports.DARK_SECONDARY=A.DARK_SECONDARY;exports.DARK_STYLESHEET=E.DARK_STYLESHEET;
-//# sourceMappingURL=dark.cjs.js.map

package/dist/theme/dark.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/design/darkTheme/index'
-export {}

package/dist/theme/light.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../design/lightTheme/colors.cjs.js"),T=require("../design/lightTheme/stylesheet.cjs.js");exports.LIGHT_BORDER=E.BORDER;exports.LIGHT_ELEVATION=E.ELEVATION;exports.LIGHT_GRAYSCALE=E.LIGHT_GRAYSCALE;exports.LIGHT_PALETTE=E.LIGHT_PALETTE;exports.LIGHT_SECONDARY_SCALE=E.LIGHT_SECONDARY_SCALE;exports.LIGHT_STYLESHEET=T.LIGHT_STYLESHEET;
-//# sourceMappingURL=light.cjs.js.map

package/dist/theme/light.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/design/lightTheme/index'
-export {}