@protonradio/proton-ui 0.13.0 → 0.13.1

package/dist/components/Modal/Modal.es.js

@@ -1,87 +1,87 @@
-import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
-import { useRef as f } from "react";
-import { useIsClosing as _ } from "../../hooks/useIsClosing.es.js";
-import { Button as h } from "../Button/Button.es.js";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useRef as C } from "react";
+import { useIsClosing as b } from "../../hooks/useIsClosing.es.js";
+import { Button as v } from "../Button/Button.es.js";
 /* empty css             */
-import { ScreenOverlay as C } from "../ScreenOverlay/ScreenOverlay.es.js";
+import { ScreenOverlay as N } from "../ScreenOverlay/ScreenOverlay.es.js";
 /* empty css                            */
-import { csx as b } from "../../utils/string.es.js";
-const p = ({ children: o }) => /* @__PURE__ */ t.jsx("h2", { className: "proton-Modal__title", children: o }), x = ({ children: o }) => /* @__PURE__ */ t.jsx("h3", { className: "proton-Modal__subtitle", children: o }), M = ({ children: o }) => /* @__PURE__ */ t.jsx("div", { className: "proton-Modal__body", children: o }), v = (o) => /* @__PURE__ */ t.jsx("div", { className: "proton-Modal__action", children: /* @__PURE__ */ t.jsx(h, { ...o }) }), N = ({ children: o }) => /* @__PURE__ */ t.jsx("div", { className: "proton-Modal__actions", children: o }), k = {
+import { csx as g } from "../../utils/string.es.js";
+const p = ({ children: o }) => /* @__PURE__ */ t("h2", { className: "proton-Modal__title", children: o }), M = ({ children: o }) => /* @__PURE__ */ t("h3", { className: "proton-Modal__subtitle", children: o }), f = ({ children: o }) => /* @__PURE__ */ t("div", { className: "proton-Modal__body", children: o }), x = (o) => /* @__PURE__ */ t("div", { className: "proton-Modal__action", children: /* @__PURE__ */ t(v, { ...o }) }), y = ({ children: o }) => /* @__PURE__ */ t("div", { className: "proton-Modal__actions", children: o }), O = {
   medium: "medium",
   full: "full"
-}, g = ({
+}, A = ({
   title: o,
-  subtitle: s,
-  body: l,
-  onClose: a,
-  children: e,
-  isClosing: r,
+  subtitle: l,
+  body: n,
+  onClose: e,
+  children: r,
+  isClosing: s,
   isOpen: d,
-  width: n,
+  width: a,
   "data-testid": i
-}) => /* @__PURE__ */ t.jsxs(
+}) => /* @__PURE__ */ h(
   "div",
   {
     "data-testid": i,
     "data-disable-document-scroll": d,
-    className: b(
+    className: g(
       "proton-Modal",
-      n && `proton-Modal--${n}`,
+      a && `proton-Modal--${a}`,
       "proton-Elevation--glass",
-      r && "proton-Modal--closing"
+      s && "proton-Modal--closing"
     ),
     "aria-modal": "true",
     role: "dialog",
     tabIndex: -1,
     children: [
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t(
         "button",
         {
           name: "Close",
           className: "proton-Modal__close-button",
-          onClick: a,
+          onClick: e,
           "aria-label": "Close",
           children: "×"
         }
       ),
-      o && /* @__PURE__ */ t.jsx(p, { children: o }),
-      s && /* @__PURE__ */ t.jsx(x, { children: s }),
-      l && /* @__PURE__ */ t.jsx(M, { children: l }),
-      /* @__PURE__ */ t.jsx("div", { className: "proton-Modal__content", children: e })
+      o && /* @__PURE__ */ t(p, { children: o }),
+      l && /* @__PURE__ */ t(M, { children: l }),
+      n && /* @__PURE__ */ t(f, { children: n }),
+      /* @__PURE__ */ t("div", { className: "proton-Modal__content", children: r })
     ]
   }
-), y = ({
+), j = ({
   isOpen: o,
-  onClose: s,
-  title: l,
-  subtitle: a,
-  body: e,
-  children: r,
+  onClose: l,
+  title: n,
+  subtitle: e,
+  body: r,
+  children: s,
   isOverlay: d = !0,
-  width: n = "full",
+  width: a = "full",
   "data-testid": i
 }) => {
-  const c = f(null), { isClosing: j, handleClose: m } = _({
-    onClose: s,
+  const c = C(null), { isClosing: _, handleClose: m } = b({
+    onClose: l,
     overlayRef: c
   });
   if (!o) return null;
-  const u = /* @__PURE__ */ t.jsx(
-    g,
+  const u = /* @__PURE__ */ t(
+    A,
     {
       isOpen: o,
-      title: l,
-      subtitle: a,
-      body: e,
+      title: n,
+      subtitle: e,
+      body: r,
       onClose: m,
-      isClosing: j,
+      isClosing: _,
       "data-testid": i,
-      width: n,
-      children: r
+      width: a,
+      children: s
     }
   );
-  return d ? /* @__PURE__ */ t.jsx(C, { fadeIn: !0, ref: c, onClose: m, children: u }) : u;
-}, O = Object.assign(y, {
+  return d ? /* @__PURE__ */ t(N, { fadeIn: !0, ref: c, onClose: m, children: u }) : u;
+}, V = Object.assign(j, {
   /**
    * Renders a h2 styled title
    * */
@@ -89,23 +89,23 @@ const p = ({ children: o }) => /* @__PURE__ */ t.jsx("h2", { className: "proton-
   /**
    * Renders a h3 styled subtitle
    * */
-  Subtitle: x,
+  Subtitle: M,
   /**
    * Renders a div styled body
    * */
-  Body: M,
+  Body: f,
   /**
    * Renders a Proton Button action
    * - @prop buttonProps {@link ButtonProps}
    * */
-  Action: v,
+  Action: x,
   /**
    * Renders a group of Proton Buttons
    * */
-  Actions: N
+  Actions: y
 });
 export {
-  O as Modal,
-  k as WidthVariants
+  V as Modal,
+  O as WidthVariants
 };
 //# sourceMappingURL=Modal.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.es.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode, useRef } from \"react\";\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\nimport { csx } from \"../../utils\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport \"./Modal.css\";\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\nimport \"../Elevation/Elevation.css\";\n\nconst ModalTitle = ({ children }: { children: ReactNode }) => {\n  return <h2 className=\"proton-Modal__title\">{children}</h2>;\n};\n\nconst ModalSubtitle = ({ children }: { children: ReactNode }) => {\n  return <h3 className=\"proton-Modal__subtitle\">{children}</h3>;\n};\n\nconst ModalBody = ({ children }: { children: ReactNode }) => {\n  return <div className=\"proton-Modal__body\">{children}</div>;\n};\n\nconst ModalAction = (buttonProps: ButtonProps) => {\n  return (\n    <div className=\"proton-Modal__action\">\n      <Button {...buttonProps} />\n    </div>\n  );\n};\n\nconst ModalActions = ({ children }: { children: ReactNode }) => {\n  return <div className=\"proton-Modal__actions\">{children}</div>;\n};\n\n// Different base fonts (10px on the client, 16px on release links) is really setting back development on the kit.\n// Known issue: We should standardize both repos to base font size of 16px... then we can use rems for all sizes.\n// For now lets use a width prop, with a todo: standardize these sizes to represent modal widths across release links / client\n\n/**\n * Width variant for the modal (will be standardized in future release)\n *  - medium: 650px  (standard modal width on client)\n *  - full: 86vw  (default modal width)\n */\nexport type WidthVariant = \"medium\" | \"full\";\n\nexport const WidthVariants: Record<WidthVariant, WidthVariant> = {\n  medium: \"medium\",\n  full: \"full\",\n};\n\nconst ModalContent = ({\n  title,\n  subtitle,\n  body,\n  onClose,\n  children,\n  isClosing,\n  isOpen,\n  width,\n  \"data-testid\": dataTestId,\n}: ModalProps & {\n  isClosing: boolean;\n}) => {\n  return (\n    <div\n      data-testid={dataTestId}\n      data-disable-document-scroll={isOpen}\n      className={csx(\n        \"proton-Modal\",\n        width && `proton-Modal--${width}`,\n        \"proton-Elevation--glass\",\n        isClosing && \"proton-Modal--closing\",\n      )}\n      aria-modal=\"true\"\n      role=\"dialog\"\n      tabIndex={-1}\n    >\n      <button\n        name=\"Close\"\n        className=\"proton-Modal__close-button\"\n        onClick={onClose}\n        aria-label=\"Close\"\n      >\n        ×\n      </button>\n      {title && <ModalTitle>{title}</ModalTitle>}\n      {subtitle && <ModalSubtitle>{subtitle}</ModalSubtitle>}\n      {body && <ModalBody>{body}</ModalBody>}\n      <div className=\"proton-Modal__content\">{children}</div>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  /**\n   * Optional body text content for the modal\n   * */\n  body?: string;\n  /**\n   * Content to render inside the modal\n   * */\n  children: React.ReactNode;\n  /**\n   * data-testid for the modal\n   * */\n  \"data-testid\"?: string;\n  /**\n   * Controls the visibility of the modal\n   * */\n  isOpen: boolean;\n  /**\n   * Whether to show the modal with an overlay background.\n   * @default true\n   * */\n  isOverlay?: boolean;\n  /**\n   * Callback function when modal is closed\n   * */\n  onClose?: () => void;\n  /**\n   * Optional subtitle text below the modal title\n   * */\n  subtitle?: string;\n  /**\n   * Optional title text for the modal header\n   * */\n  title?: string;\n  /**\n   * Optional width variant for the modal\n   * - type {@link WidthVariant}\n   * @default \"full\"\n   * */\n  width?: WidthVariant;\n}\n\n/**\n * Modal component with overlay support and responsive behavior.\n *\n * API:\n *  - {@link ModalProps}\n */\nconst ModalWrapper = ({\n  isOpen,\n  onClose,\n  title,\n  subtitle,\n  body,\n  children,\n  isOverlay = true,\n  width = \"full\",\n  \"data-testid\": dataTestId,\n}: ModalProps) => {\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { isClosing, handleClose } = useIsClosing({\n    onClose,\n    overlayRef,\n  });\n\n  if (!isOpen) return null;\n\n  const modalContent = (\n    <ModalContent\n      isOpen={isOpen}\n      title={title}\n      subtitle={subtitle}\n      body={body}\n      onClose={handleClose}\n      isClosing={isClosing}\n      data-testid={dataTestId}\n      width={width}\n    >\n      {children}\n    </ModalContent>\n  );\n\n  return isOverlay ? (\n    <ScreenOverlay fadeIn ref={overlayRef} onClose={handleClose}>\n      {modalContent}\n    </ScreenOverlay>\n  ) : (\n    modalContent\n  );\n};\n\nexport const Modal = Object.assign(ModalWrapper, {\n  /**\n   * Renders a h2 styled title\n   * */\n  Title: ModalTitle,\n  /**\n   * Renders a h3 styled subtitle\n   * */\n  Subtitle: ModalSubtitle,\n  /**\n   * Renders a div styled body\n   * */\n  Body: ModalBody,\n  /**\n   * Renders a Proton Button action\n   * - @prop buttonProps {@link ButtonProps}\n   * */\n  Action: ModalAction,\n  /**\n   * Renders a group of Proton Buttons\n   * */\n  Actions: ModalActions,\n});\n"],"names":["ModalTitle","children","jsx","ModalSubtitle","ModalBody","ModalAction","buttonProps","Button","ModalActions","WidthVariants","ModalContent","title","subtitle","body","onClose","isClosing","isOpen","width","dataTestId","jsxs","csx","ModalWrapper","isOverlay","overlayRef","useRef","handleClose","useIsClosing","modalContent","ScreenOverlay","Modal"],"mappings":"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"}
+{"version":3,"file":"Modal.es.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode, useRef } from \"react\";\nimport { useIsClosing } from \"../../hooks/useIsClosing\";\nimport { csx } from \"../../utils\";\nimport { Button, ButtonProps } from \"../Button/Button\";\nimport \"./Modal.css\";\nimport { ScreenOverlay } from \"../ScreenOverlay/ScreenOverlay\";\nimport \"../Elevation/Elevation.css\";\n\nconst ModalTitle = ({ children }: { children: ReactNode }) => {\n  return <h2 className=\"proton-Modal__title\">{children}</h2>;\n};\n\nconst ModalSubtitle = ({ children }: { children: ReactNode }) => {\n  return <h3 className=\"proton-Modal__subtitle\">{children}</h3>;\n};\n\nconst ModalBody = ({ children }: { children: ReactNode }) => {\n  return <div className=\"proton-Modal__body\">{children}</div>;\n};\n\nconst ModalAction = (buttonProps: ButtonProps) => {\n  return (\n    <div className=\"proton-Modal__action\">\n      <Button {...buttonProps} />\n    </div>\n  );\n};\n\nconst ModalActions = ({ children }: { children: ReactNode }) => {\n  return <div className=\"proton-Modal__actions\">{children}</div>;\n};\n\n// Different base fonts (10px on the client, 16px on release links) is really setting back development on the kit.\n// Known issue: We should standardize both repos to base font size of 16px... then we can use rems for all sizes.\n// For now lets use a width prop, with a todo: standardize these sizes to represent modal widths across release links / client\n\n/**\n * Width variant for the modal (will be standardized in future release)\n *  - medium: 650px  (standard modal width on client)\n *  - full: 86vw  (default modal width)\n */\nexport type WidthVariant = \"medium\" | \"full\";\n\nexport const WidthVariants: Record<WidthVariant, WidthVariant> = {\n  medium: \"medium\",\n  full: \"full\",\n};\n\nconst ModalContent = ({\n  title,\n  subtitle,\n  body,\n  onClose,\n  children,\n  isClosing,\n  isOpen,\n  width,\n  \"data-testid\": dataTestId,\n}: ModalProps & {\n  isClosing: boolean;\n}) => {\n  return (\n    <div\n      data-testid={dataTestId}\n      data-disable-document-scroll={isOpen}\n      className={csx(\n        \"proton-Modal\",\n        width && `proton-Modal--${width}`,\n        \"proton-Elevation--glass\",\n        isClosing && \"proton-Modal--closing\",\n      )}\n      aria-modal=\"true\"\n      role=\"dialog\"\n      tabIndex={-1}\n    >\n      <button\n        name=\"Close\"\n        className=\"proton-Modal__close-button\"\n        onClick={onClose}\n        aria-label=\"Close\"\n      >\n        ×\n      </button>\n      {title && <ModalTitle>{title}</ModalTitle>}\n      {subtitle && <ModalSubtitle>{subtitle}</ModalSubtitle>}\n      {body && <ModalBody>{body}</ModalBody>}\n      <div className=\"proton-Modal__content\">{children}</div>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  /**\n   * Optional body text content for the modal\n   * */\n  body?: string;\n  /**\n   * Content to render inside the modal\n   * */\n  children: React.ReactNode;\n  /**\n   * data-testid for the modal\n   * */\n  \"data-testid\"?: string;\n  /**\n   * Controls the visibility of the modal\n   * */\n  isOpen: boolean;\n  /**\n   * Whether to show the modal with an overlay background.\n   * @default true\n   * */\n  isOverlay?: boolean;\n  /**\n   * Callback function when modal is closed\n   * */\n  onClose?: () => void;\n  /**\n   * Optional subtitle text below the modal title\n   * */\n  subtitle?: string;\n  /**\n   * Optional title text for the modal header\n   * */\n  title?: string;\n  /**\n   * Optional width variant for the modal\n   * - type {@link WidthVariant}\n   * @default \"full\"\n   * */\n  width?: WidthVariant;\n}\n\n/**\n * Modal component with overlay support and responsive behavior.\n *\n * API:\n *  - {@link ModalProps}\n */\nconst ModalWrapper = ({\n  isOpen,\n  onClose,\n  title,\n  subtitle,\n  body,\n  children,\n  isOverlay = true,\n  width = \"full\",\n  \"data-testid\": dataTestId,\n}: ModalProps) => {\n  const overlayRef = useRef<HTMLDivElement>(null);\n  const { isClosing, handleClose } = useIsClosing({\n    onClose,\n    overlayRef,\n  });\n\n  if (!isOpen) return null;\n\n  const modalContent = (\n    <ModalContent\n      isOpen={isOpen}\n      title={title}\n      subtitle={subtitle}\n      body={body}\n      onClose={handleClose}\n      isClosing={isClosing}\n      data-testid={dataTestId}\n      width={width}\n    >\n      {children}\n    </ModalContent>\n  );\n\n  return isOverlay ? (\n    <ScreenOverlay fadeIn ref={overlayRef} onClose={handleClose}>\n      {modalContent}\n    </ScreenOverlay>\n  ) : (\n    modalContent\n  );\n};\n\nexport const Modal = Object.assign(ModalWrapper, {\n  /**\n   * Renders a h2 styled title\n   * */\n  Title: ModalTitle,\n  /**\n   * Renders a h3 styled subtitle\n   * */\n  Subtitle: ModalSubtitle,\n  /**\n   * Renders a div styled body\n   * */\n  Body: ModalBody,\n  /**\n   * Renders a Proton Button action\n   * - @prop buttonProps {@link ButtonProps}\n   * */\n  Action: ModalAction,\n  /**\n   * Renders a group of Proton Buttons\n   * */\n  Actions: ModalActions,\n});\n"],"names":["ModalTitle","children","jsx","ModalSubtitle","ModalBody","ModalAction","buttonProps","Button","ModalActions","WidthVariants","ModalContent","title","subtitle","body","onClose","isClosing","isOpen","width","dataTestId","jsxs","csx","ModalWrapper","isOverlay","overlayRef","useRef","handleClose","useIsClosing","modalContent","ScreenOverlay","Modal"],"mappings":";;;;;;;;AAUA,MAAMA,IAAa,CAAC,EAAE,UAAAC,QACb,gBAAAC,EAAC,MAAA,EAAG,WAAU,uBAAuB,UAAAD,EAAA,CAAS,GAGjDE,IAAgB,CAAC,EAAE,UAAAF,QAChB,gBAAAC,EAAC,MAAA,EAAG,WAAU,0BAA0B,UAAAD,EAAA,CAAS,GAGpDG,IAAY,CAAC,EAAE,UAAAH,QACZ,gBAAAC,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAD,EAAA,CAAS,GAGjDI,IAAc,CAACC,MAEjB,gBAAAJ,EAAC,SAAI,WAAU,wBACb,4BAACK,GAAA,EAAQ,GAAGD,GAAa,EAAA,CAC3B,GAIEE,IAAe,CAAC,EAAE,UAAAP,QACf,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBAAyB,UAAAD,EAAA,CAAS,GAc7CQ,IAAoD;AAAA,EAC/D,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAb;AAAA,EACA,WAAAc;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAeC;AACjB,MAII,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaD;AAAA,IACb,gCAA8BF;AAAA,IAC9B,WAAWI;AAAA,MACT;AAAA,MACAH,KAAS,iBAAiBA,CAAK;AAAA,MAC/B;AAAA,MACAF,KAAa;AAAA,IAAA;AAAA,IAEf,cAAW;AAAA,IACX,MAAK;AAAA,IACL,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAb;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAASY;AAAA,UACT,cAAW;AAAA,UACZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAH,KAAS,gBAAAT,EAACF,GAAA,EAAY,UAAAW,EAAA,CAAM;AAAA,MAC5BC,KAAY,gBAAAV,EAACC,GAAA,EAAe,UAAAS,EAAA,CAAS;AAAA,MACrCC,KAAQ,gBAAAX,EAACE,GAAA,EAAW,UAAAS,EAAA,CAAK;AAAA,MAC1B,gBAAAX,EAAC,OAAA,EAAI,WAAU,yBAAyB,UAAAD,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA,GAqDjDoB,IAAe,CAAC;AAAA,EACpB,QAAAL;AAAA,EACA,SAAAF;AAAA,EACA,OAAAH;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAZ;AAAA,EACA,WAAAqB,IAAY;AAAA,EACZ,OAAAL,IAAQ;AAAA,EACR,eAAeC;AACjB,MAAkB;AAChB,QAAMK,IAAaC,EAAuB,IAAI,GACxC,EAAE,WAAAT,GAAW,aAAAU,EAAA,IAAgBC,EAAa;AAAA,IAC9C,SAAAZ;AAAA,IACA,YAAAS;AAAA,EAAA,CACD;AAED,MAAI,CAACP,EAAQ,QAAO;AAEpB,QAAMW,IACJ,gBAAAzB;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,QAAAM;AAAA,MACA,OAAAL;AAAA,MACA,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAASY;AAAA,MACT,WAAAV;AAAA,MACA,eAAaG;AAAA,MACb,OAAAD;AAAA,MAEC,UAAAhB;AAAA,IAAA;AAAA,EAAA;AAIL,SAAOqB,IACL,gBAAApB,EAAC0B,GAAA,EAAc,QAAM,IAAC,KAAKL,GAAY,SAASE,GAC7C,UAAAE,EAAA,CACH,IAEAA;AAEJ,GAEaE,IAAQ,OAAO,OAAOR,GAAc;AAAA;AAAA;AAAA;AAAA,EAI/C,OAAOrB;AAAA;AAAA;AAAA;AAAA,EAIP,UAAUG;AAAA;AAAA;AAAA;AAAA,EAIV,MAAMC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKN,QAAQC;AAAA;AAAA;AAAA;AAAA,EAIR,SAASG;AACX,CAAC;"}

package/dist/components/Overlay/Overlay.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"),o=require("react");;/* empty css                 */const i=require("../../utils/string.cjs.js"),t=o.forwardRef(({children:s,arrow:r},n)=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{ref:n,className:i.csx("proton-Overlay","proton-Overlay__content"),children:s}),r&&e.jsxRuntimeExports.jsx("span",{className:"proton-Overlay-arrow",children:r})]}));t.displayName="ProtonUIOverlay";exports.Overlay=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react");;/* empty css                 */const o=require("../../utils/string.cjs.js"),t=a.forwardRef(({children:n,arrow:r},s)=>e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:s,className:o.csx("proton-Overlay","proton-Overlay__content"),children:n}),r&&e.jsx("span",{className:"proton-Overlay-arrow",children:r})]}));t.displayName="ProtonUIOverlay";exports.Overlay=t;
 //# sourceMappingURL=Overlay.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.cjs.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, ReactNode } from \"react\";\n\nimport \"./Overlay.css\";\nimport { csx } from \"../../utils/string\";\n\nexport interface OverlayProps {\n  children?: ReactNode;\n  /**\n   * Optional arrow element.\n   */\n  arrow?: ReactNode;\n}\n\n/**\n * Applies a floating background to the content.\n * Intended use in overlay containers such as modals, tooltips, or popovers.\n *\n * API:\n *  - {@link OverlayProps}\n */\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(\n  ({ children, arrow }, ref) => {\n    return (\n      <>\n        <div\n          ref={ref}\n          className={csx(\n            \"proton-Overlay\",\n            \"proton-Overlay__content\",\n          )}\n        >\n          {children}\n        </div>\n        {arrow && <span className=\"proton-Overlay-arrow\">{arrow}</span>}\n      </>\n    );\n  },\n);\n\nOverlay.displayName = \"ProtonUIOverlay\";\n"],"names":["Overlay","forwardRef","children","arrow","ref","jsxs","Fragment","jsx","csx"],"mappings":"+OAsBaA,EAAUC,EAAAA,WACrB,CAAC,CAAE,SAAAC,EAAU,MAAAC,CAAA,EAASC,IAElBC,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAH,EACA,UAAWI,EAAAA,IACT,iBACA,yBAAA,EAGD,SAAAN,CAAA,CAAA,EAEFC,GAASI,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uBAAwB,SAAAJ,CAAA,CAAM,CAAA,EAC1D,CAGN,EAEAH,EAAQ,YAAc"}
+{"version":3,"file":"Overlay.cjs.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, ReactNode } from \"react\";\n\nimport \"./Overlay.css\";\nimport { csx } from \"../../utils/string\";\n\nexport interface OverlayProps {\n  children?: ReactNode;\n  /**\n   * Optional arrow element.\n   */\n  arrow?: ReactNode;\n}\n\n/**\n * Applies a floating background to the content.\n * Intended use in overlay containers such as modals, tooltips, or popovers.\n *\n * API:\n *  - {@link OverlayProps}\n */\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(\n  ({ children, arrow }, ref) => {\n    return (\n      <>\n        <div\n          ref={ref}\n          className={csx(\n            \"proton-Overlay\",\n            \"proton-Overlay__content\",\n          )}\n        >\n          {children}\n        </div>\n        {arrow && <span className=\"proton-Overlay-arrow\">{arrow}</span>}\n      </>\n    );\n  },\n);\n\nOverlay.displayName = \"ProtonUIOverlay\";\n"],"names":["Overlay","forwardRef","children","arrow","ref","jsxs","Fragment","jsx","csx"],"mappings":"qNAsBaA,EAAUC,EAAAA,WACrB,CAAC,CAAE,SAAAC,EAAU,MAAAC,CAAA,EAASC,IAElBC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,IAAAH,EACA,UAAWI,EAAAA,IACT,iBACA,yBAAA,EAGD,SAAAN,CAAA,CAAA,EAEFC,GAASI,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAwB,SAAAJ,CAAA,CAAM,CAAA,EAC1D,CAGN,EAEAH,EAAQ,YAAc"}

package/dist/components/Overlay/Overlay.es.js

@@ -1,13 +1,13 @@
-import { j as r } from "../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as a } from "react";
+import { jsxs as t, Fragment as n, jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 /* empty css               */
 import { csx as s } from "../../utils/string.es.js";
-const n = a(
-  ({ children: e, arrow: o }, t) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
+const l = m(
+  ({ children: e, arrow: r }, a) => /* @__PURE__ */ t(n, { children: [
+    /* @__PURE__ */ o(
       "div",
       {
-        ref: t,
+        ref: a,
         className: s(
           "proton-Overlay",
           "proton-Overlay__content"
@@ -15,11 +15,11 @@ const n = a(
         children: e
       }
     ),
-    o && /* @__PURE__ */ r.jsx("span", { className: "proton-Overlay-arrow", children: o })
+    r && /* @__PURE__ */ o("span", { className: "proton-Overlay-arrow", children: r })
   ] })
 );
-n.displayName = "ProtonUIOverlay";
+l.displayName = "ProtonUIOverlay";
 export {
-  n as Overlay
+  l as Overlay
 };
 //# sourceMappingURL=Overlay.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.es.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, ReactNode } from \"react\";\n\nimport \"./Overlay.css\";\nimport { csx } from \"../../utils/string\";\n\nexport interface OverlayProps {\n  children?: ReactNode;\n  /**\n   * Optional arrow element.\n   */\n  arrow?: ReactNode;\n}\n\n/**\n * Applies a floating background to the content.\n * Intended use in overlay containers such as modals, tooltips, or popovers.\n *\n * API:\n *  - {@link OverlayProps}\n */\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(\n  ({ children, arrow }, ref) => {\n    return (\n      <>\n        <div\n          ref={ref}\n          className={csx(\n            \"proton-Overlay\",\n            \"proton-Overlay__content\",\n          )}\n        >\n          {children}\n        </div>\n        {arrow && <span className=\"proton-Overlay-arrow\">{arrow}</span>}\n      </>\n    );\n  },\n);\n\nOverlay.displayName = \"ProtonUIOverlay\";\n"],"names":["Overlay","forwardRef","children","arrow","ref","jsxs","Fragment","jsx","csx"],"mappings":";;;;AAsBO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,UAAAC,GAAU,OAAAC,EAAA,GAASC,MAElBC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGD,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFC,KAASI,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAJ,EAAA,CAAM;AAAA,EAAA,GAC1D;AAGN;AAEAH,EAAQ,cAAc;"}
+{"version":3,"file":"Overlay.es.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, ReactNode } from \"react\";\n\nimport \"./Overlay.css\";\nimport { csx } from \"../../utils/string\";\n\nexport interface OverlayProps {\n  children?: ReactNode;\n  /**\n   * Optional arrow element.\n   */\n  arrow?: ReactNode;\n}\n\n/**\n * Applies a floating background to the content.\n * Intended use in overlay containers such as modals, tooltips, or popovers.\n *\n * API:\n *  - {@link OverlayProps}\n */\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(\n  ({ children, arrow }, ref) => {\n    return (\n      <>\n        <div\n          ref={ref}\n          className={csx(\n            \"proton-Overlay\",\n            \"proton-Overlay__content\",\n          )}\n        >\n          {children}\n        </div>\n        {arrow && <span className=\"proton-Overlay-arrow\">{arrow}</span>}\n      </>\n    );\n  },\n);\n\nOverlay.displayName = \"ProtonUIOverlay\";\n"],"names":["Overlay","forwardRef","children","arrow","ref","jsxs","Fragment","jsx","csx"],"mappings":";;;;AAsBO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,UAAAC,GAAU,OAAAC,EAAA,GAASC,MAElB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGD,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFC,KAAS,gBAAAI,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAJ,EAAA,CAAM;AAAA,EAAA,GAC1D;AAGN;AAEAH,EAAQ,cAAc;"}

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"),h=require("../ThemeProvider.cjs.js"),P=require("../../utils/string.cjs.js"),R=require("../Overlay/Overlay.cjs.js");;/* empty css                              */;/* empty css                 */function s({trigger:i,children:n,open:x,isDisabled:t=!1,defaultOpen:a,onOpenChange:o,side:l="top",align:p="center",arrow:u=!1,constrainWidth:c=!1,"data-testid":d}){const{className:j,style:m}=h.useTheme();return e.jsxRuntimeExports.jsxs(r.Popover.Root,{open:t?!1:x,defaultOpen:a,onOpenChange:v=>{t||o==null||o(v)},children:[e.jsxRuntimeExports.jsx(r.Popover.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx("div",{className:"proton-Popover-trigger","aria-disabled":t,children:i})}),!t&&e.jsxRuntimeExports.jsx(r.Popover.Portal,{children:e.jsxRuntimeExports.jsx(r.Popover.Content,{side:l,sideOffset:2,align:p,style:m,className:P.csx("proton-Popover","proton-Elevation--glass",c&&"proton-Popover__constrained",j),"data-testid":d,children:e.jsxRuntimeExports.jsx(R.Overlay,{arrow:u&&e.jsxRuntimeExports.jsx(r.Popover.Arrow,{width:8,height:8,children:e.jsxRuntimeExports.jsx("svg",{width:8,height:8,viewBox:"0 0 8 8",children:e.jsxRuntimeExports.jsx("path",{d:"M0 0 L4 4 L8 0"})})}),children:n})})})]})}s.displayName="ProtonUIPopover";exports.Popover=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("radix-ui"),j=require("../ThemeProvider.cjs.js"),m=require("../../utils/string.cjs.js"),f=require("../Overlay/Overlay.cjs.js");;/* empty css                              */;/* empty css                 */function s({trigger:i,children:a,open:l,isDisabled:o=!1,defaultOpen:n,onOpenChange:t,side:c="top",align:d="center",arrow:v=!1,constrainWidth:p=!1,"data-testid":h}){const{className:u,style:P}=j.useTheme();return e.jsxs(r.Popover.Root,{open:o?!1:l,defaultOpen:n,onOpenChange:x=>{o||t==null||t(x)},children:[e.jsx(r.Popover.Trigger,{asChild:!0,children:e.jsx("div",{className:"proton-Popover-trigger","aria-disabled":o,children:i})}),!o&&e.jsx(r.Popover.Portal,{children:e.jsx(r.Popover.Content,{side:c,sideOffset:2,align:d,style:P,className:m.csx("proton-Popover","proton-Elevation--glass",p&&"proton-Popover__constrained",u),"data-testid":h,children:e.jsx(f.Overlay,{arrow:v&&e.jsx(r.Popover.Arrow,{width:8,height:8,children:e.jsx("svg",{width:8,height:8,viewBox:"0 0 8 8",children:e.jsx("path",{d:"M0 0 L4 4 L8 0"})})}),children:a})})})]})}s.displayName="ProtonUIPopover";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 { CSSProperties, ReactNode } from \"react\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\nimport type { RadixAlign, RadixSide } from \"../../constants/placement\";\nimport { Overlay } from \"../Overlay/Overlay\";\n\nimport \"../Elevation/Elevation.css\";\nimport \"./Popover.css\";\n\n/** Radix `Popover.Content` `side` */\nexport type PopoverSide = RadixSide;\n/** Radix `Popover.Content` `align`*/\nexport type PopoverAlign = RadixAlign;\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   * @default false\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: 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.Content`.\n   */\n  trigger: ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   * @default \"top\"\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 className=\"proton-Popover-trigger\" aria-disabled={isDisabled}>\n          {trigger}\n        </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              \"proton-Elevation--glass\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            <Overlay\n              arrow={\n                arrow && (\n                  <RadixPopover.Arrow width={8} height={8}>\n                    <svg width={8} height={8} viewBox=\"0 0 8 8\">\n                      <path d=\"M0 0 L4 4 L8 0\" />\n                    </svg>\n                  </RadixPopover.Arrow>\n                )\n              }\n            >\n              {children}\n            </Overlay>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"ProtonUIPopover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","newOpen","jsx","csx","Overlay"],"mappings":"qWA+EO,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,SAAA,EAErD,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,QAAa,KAAb,CACC,KAAMZ,EAAa,GAAQD,EAC3B,YAAAE,EACA,aAAeY,GAAY,CACrBb,GACJE,GAAA,MAAAA,EAAeW,EACjB,EAEA,SAAA,CAAAC,EAAAA,kBAAAA,IAACF,EAAAA,QAAa,QAAb,CAAqB,QAAO,GAC3B,SAAAE,wBAAC,MAAA,CAAI,UAAU,yBAAyB,gBAAed,EACpD,SAAAH,CAAA,CACH,EACF,EAEC,CAACG,GACAc,EAAAA,kBAAAA,IAACF,EAAAA,QAAa,OAAb,CACC,SAAAE,EAAAA,kBAAAA,IAACF,EAAAA,QAAa,QAAb,CACC,KAAAT,EACA,WAAY,EACZ,MAAAC,EACA,MAAOK,EACP,UAAWM,EAAAA,IACT,iBACA,0BACAT,GAAkB,8BAClBE,CAAA,EAEF,cAAaD,EAEb,SAAAO,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CACC,MACEX,GACES,EAAAA,kBAAAA,IAACF,EAAAA,QAAa,MAAb,CAAmB,MAAO,EAAG,OAAQ,EACpC,SAAAE,EAAAA,kBAAAA,IAAC,OAAI,MAAO,EAAG,OAAQ,EAAG,QAAQ,UAChC,iCAAC,OAAA,CAAK,EAAE,gBAAA,CAAiB,CAAA,CAC3B,CAAA,CACF,EAIH,SAAAhB,CAAA,CAAA,CACH,CAAA,CACF,CACF,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 { CSSProperties, ReactNode } from \"react\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\nimport type { RadixAlign, RadixSide } from \"../../constants/placement\";\nimport { Overlay } from \"../Overlay/Overlay\";\n\nimport \"../Elevation/Elevation.css\";\nimport \"./Popover.css\";\n\n/** Radix `Popover.Content` `side` */\nexport type PopoverSide = RadixSide;\n/** Radix `Popover.Content` `align`*/\nexport type PopoverAlign = RadixAlign;\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   * @default false\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: 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.Content`.\n   */\n  trigger: ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   * @default \"top\"\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 className=\"proton-Popover-trigger\" aria-disabled={isDisabled}>\n          {trigger}\n        </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              \"proton-Elevation--glass\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            <Overlay\n              arrow={\n                arrow && (\n                  <RadixPopover.Arrow width={8} height={8}>\n                    <svg width={8} height={8} viewBox=\"0 0 8 8\">\n                      <path d=\"M0 0 L4 4 L8 0\" />\n                    </svg>\n                  </RadixPopover.Arrow>\n                )\n              }\n            >\n              {children}\n            </Overlay>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"ProtonUIPopover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","newOpen","jsx","csx","Overlay"],"mappings":"2UA+EO,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,SAAA,EAErD,OACEC,EAAAA,KAACC,EAAAA,QAAa,KAAb,CACC,KAAMZ,EAAa,GAAQD,EAC3B,YAAAE,EACA,aAAeY,GAAY,CACrBb,GACJE,GAAA,MAAAA,EAAeW,EACjB,EAEA,SAAA,CAAAC,EAAAA,IAACF,EAAAA,QAAa,QAAb,CAAqB,QAAO,GAC3B,SAAAE,MAAC,MAAA,CAAI,UAAU,yBAAyB,gBAAed,EACpD,SAAAH,CAAA,CACH,EACF,EAEC,CAACG,GACAc,EAAAA,IAACF,EAAAA,QAAa,OAAb,CACC,SAAAE,EAAAA,IAACF,EAAAA,QAAa,QAAb,CACC,KAAAT,EACA,WAAY,EACZ,MAAAC,EACA,MAAOK,EACP,UAAWM,EAAAA,IACT,iBACA,0BACAT,GAAkB,8BAClBE,CAAA,EAEF,cAAaD,EAEb,SAAAO,EAAAA,IAACE,EAAAA,QAAA,CACC,MACEX,GACES,EAAAA,IAACF,EAAAA,QAAa,MAAb,CAAmB,MAAO,EAAG,OAAQ,EACpC,SAAAE,EAAAA,IAAC,OAAI,MAAO,EAAG,OAAQ,EAAG,QAAQ,UAChC,eAAC,OAAA,CAAK,EAAE,gBAAA,CAAiB,CAAA,CAC3B,CAAA,CACF,EAIH,SAAAhB,CAAA,CAAA,CACH,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAIR,CAEAF,EAAQ,YAAc"}

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

@@ -1,53 +1,53 @@
-import { j as r } from "../../node_modules/react/jsx-runtime.es.js";
+import { jsxs as P, jsx as r } from "react/jsx-runtime";
 import { Popover as o } from "radix-ui";
-import { useTheme as v } from "../ThemeProvider.es.js";
-import { csx as j } from "../../utils/string.es.js";
-import { Overlay as P } from "../Overlay/Overlay.es.js";
+import { useTheme as g } from "../ThemeProvider.es.js";
+import { csx as u } from "../../utils/string.es.js";
+import { Overlay as w } from "../Overlay/Overlay.es.js";
 /* empty css                            */
 /* empty css               */
-function u({
-  trigger: s,
-  children: i,
+function x({
+  trigger: i,
+  children: s,
   open: a,
-  isDisabled: t = !1,
+  isDisabled: e = !1,
   defaultOpen: l,
-  onOpenChange: e,
+  onOpenChange: t,
   side: p = "top",
   align: m = "center",
   arrow: d = !1,
-  constrainWidth: n = !1,
-  "data-testid": c
+  constrainWidth: c = !1,
+  "data-testid": h
 }) {
-  const { className: h, style: x } = v();
-  return /* @__PURE__ */ r.jsxs(
+  const { className: n, style: f } = g();
+  return /* @__PURE__ */ P(
     o.Root,
     {
-      open: t ? !1 : a,
+      open: e ? !1 : a,
       defaultOpen: l,
-      onOpenChange: (f) => {
-        t || e == null || e(f);
+      onOpenChange: (v) => {
+        e || t == null || t(v);
       },
       children: [
-        /* @__PURE__ */ r.jsx(o.Trigger, { asChild: !0, children: /* @__PURE__ */ r.jsx("div", { className: "proton-Popover-trigger", "aria-disabled": t, children: s }) }),
-        !t && /* @__PURE__ */ r.jsx(o.Portal, { children: /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ r(o.Trigger, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "proton-Popover-trigger", "aria-disabled": e, children: i }) }),
+        !e && /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ r(
           o.Content,
           {
             side: p,
             sideOffset: 2,
             align: m,
-            style: x,
-            className: j(
+            style: f,
+            className: u(
               "proton-Popover",
               "proton-Elevation--glass",
-              n && "proton-Popover__constrained",
-              h
+              c && "proton-Popover__constrained",
+              n
             ),
-            "data-testid": c,
-            children: /* @__PURE__ */ r.jsx(
-              P,
+            "data-testid": h,
+            children: /* @__PURE__ */ r(
+              w,
               {
-                arrow: d && /* @__PURE__ */ r.jsx(o.Arrow, { width: 8, height: 8, children: /* @__PURE__ */ r.jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ r.jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-                children: i
+                arrow: d && /* @__PURE__ */ r(o.Arrow, { width: 8, height: 8, children: /* @__PURE__ */ r("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ r("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+                children: s
               }
             )
           }
@@ -56,8 +56,8 @@ function u({
     }
   );
 }
-u.displayName = "ProtonUIPopover";
+x.displayName = "ProtonUIPopover";
 export {
-  u as Popover
+  x 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 { CSSProperties, ReactNode } from \"react\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\nimport type { RadixAlign, RadixSide } from \"../../constants/placement\";\nimport { Overlay } from \"../Overlay/Overlay\";\n\nimport \"../Elevation/Elevation.css\";\nimport \"./Popover.css\";\n\n/** Radix `Popover.Content` `side` */\nexport type PopoverSide = RadixSide;\n/** Radix `Popover.Content` `align`*/\nexport type PopoverAlign = RadixAlign;\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   * @default false\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: 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.Content`.\n   */\n  trigger: ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   * @default \"top\"\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 className=\"proton-Popover-trigger\" aria-disabled={isDisabled}>\n          {trigger}\n        </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              \"proton-Elevation--glass\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            <Overlay\n              arrow={\n                arrow && (\n                  <RadixPopover.Arrow width={8} height={8}>\n                    <svg width={8} height={8} viewBox=\"0 0 8 8\">\n                      <path d=\"M0 0 L4 4 L8 0\" />\n                    </svg>\n                  </RadixPopover.Arrow>\n                )\n              }\n            >\n              {children}\n            </Overlay>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"ProtonUIPopover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","newOpen","jsx","csx","Overlay"],"mappings":";;;;;;;AA+EO,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,EAAA;AAErD,SACEC,gBAAAA,EAAAA;AAAAA,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,QAAAC,gBAAAA,EAAAA,IAACF,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAAAE,gBAAAA,MAAC,OAAA,EAAI,WAAU,0BAAyB,iBAAed,GACpD,UAAAH,EAAA,CACH,GACF;AAAA,QAEC,CAACG,KACAc,gBAAAA,EAAAA,IAACF,EAAa,QAAb,EACC,UAAAE,gBAAAA,EAAAA;AAAAA,UAACF,EAAa;AAAA,UAAb;AAAA,YACC,MAAAT;AAAA,YACA,YAAY;AAAA,YACZ,OAAAC;AAAA,YACA,OAAOK;AAAA,YACP,WAAWM;AAAA,cACT;AAAA,cACA;AAAA,cACAT,KAAkB;AAAA,cAClBE;AAAA,YAAA;AAAA,YAEF,eAAaD;AAAA,YAEb,UAAAO,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,OACEX,KACES,gBAAAA,EAAAA,IAACF,EAAa,OAAb,EAAmB,OAAO,GAAG,QAAQ,GACpC,UAAAE,gBAAAA,EAAAA,IAAC,SAAI,OAAO,GAAG,QAAQ,GAAG,SAAQ,WAChC,gCAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB,EAAA,CAC3B,EAAA,CACF;AAAA,gBAIH,UAAAhB;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,EACF,CACF;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 { CSSProperties, ReactNode } from \"react\";\nimport { useTheme } from \"../ThemeProvider\";\nimport { csx } from \"../../utils/string\";\nimport type { RadixAlign, RadixSide } from \"../../constants/placement\";\nimport { Overlay } from \"../Overlay/Overlay\";\n\nimport \"../Elevation/Elevation.css\";\nimport \"./Popover.css\";\n\n/** Radix `Popover.Content` `side` */\nexport type PopoverSide = RadixSide;\n/** Radix `Popover.Content` `align`*/\nexport type PopoverAlign = RadixAlign;\n\nexport interface PopoverProps {\n  /**\n   * Popover alignment\n   * {@link PopoverAlign}\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Show an arrow pointing to the trigger.\n   * @default false\n   */\n  arrow?: boolean;\n  /**\n   * The content of the popover.\n   */\n  children: 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.Content`.\n   */\n  trigger: ReactNode;\n  /**\n   * Popover side placement\n   * {@link PopoverSide}\n   * @default \"top\"\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 className=\"proton-Popover-trigger\" aria-disabled={isDisabled}>\n          {trigger}\n        </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              \"proton-Elevation--glass\",\n              constrainWidth && \"proton-Popover__constrained\",\n              themeClass,\n            )}\n            data-testid={testId}\n          >\n            <Overlay\n              arrow={\n                arrow && (\n                  <RadixPopover.Arrow width={8} height={8}>\n                    <svg width={8} height={8} viewBox=\"0 0 8 8\">\n                      <path d=\"M0 0 L4 4 L8 0\" />\n                    </svg>\n                  </RadixPopover.Arrow>\n                )\n              }\n            >\n              {children}\n            </Overlay>\n          </RadixPopover.Content>\n        </RadixPopover.Portal>\n      )}\n    </RadixPopover.Root>\n  );\n}\n\nPopover.displayName = \"ProtonUIPopover\";\n"],"names":["Popover","trigger","children","open","isDisabled","defaultOpen","onOpenChange","side","align","arrow","constrainWidth","testId","themeClass","themeStyle","useTheme","jsxs","RadixPopover","newOpen","jsx","csx","Overlay"],"mappings":";;;;;;;AA+EO,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,EAAA;AAErD,SACE,gBAAAC;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,QAAA,gBAAAC,EAACF,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,0BAAyB,iBAAed,GACpD,UAAAH,EAAA,CACH,GACF;AAAA,QAEC,CAACG,KACA,gBAAAc,EAACF,EAAa,QAAb,EACC,UAAA,gBAAAE;AAAA,UAACF,EAAa;AAAA,UAAb;AAAA,YACC,MAAAT;AAAA,YACA,YAAY;AAAA,YACZ,OAAAC;AAAA,YACA,OAAOK;AAAA,YACP,WAAWM;AAAA,cACT;AAAA,cACA;AAAA,cACAT,KAAkB;AAAA,cAClBE;AAAA,YAAA;AAAA,YAEF,eAAaD;AAAA,YAEb,UAAA,gBAAAO;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,OACEX,KACE,gBAAAS,EAACF,EAAa,OAAb,EAAmB,OAAO,GAAG,QAAQ,GACpC,UAAA,gBAAAE,EAAC,SAAI,OAAO,GAAG,QAAQ,GAAG,SAAQ,WAChC,4BAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB,EAAA,CAC3B,EAAA,CACF;AAAA,gBAIH,UAAAhB;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAF,EAAQ,cAAc;"}

package/dist/components/ScreenOverlay/ScreenOverlay.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react");;/* empty css                       */const y=require("radix-ui"),i=require("../ThemeProvider.cjs.js"),m=require("../../utils/string.cjs.js"),a=n.forwardRef(({fadeIn:o=!1,onClose:e,children:c},s)=>{const{theme:u,palette:d}=i.useTheme();return n.useEffect(()=>{if(!e)return;const r=l=>{l.key==="Escape"&&e()};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[e]),t.jsxRuntimeExports.jsx(y.Portal.Root,{children:t.jsxRuntimeExports.jsx(i.ThemeProvider,{theme:u,palette:d,children:t.jsxRuntimeExports.jsx("div",{ref:s,id:"background","aria-label":"Background overlay","data-testid":"screen-overlay",className:m.csx("proton-ScreenOverlay__background","proton-ScreenOverlay__z-index",o&&"proton-ScreenOverlay__fade-in"),onClick:r=>{e&&r.target===r.currentTarget&&e()},children:c})})})});a.displayName="ProtonUIScreenOverlay";exports.ScreenOverlay=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react");;/* empty css                       */const y=require("radix-ui"),a=require("../ThemeProvider.cjs.js"),v=require("../../utils/string.cjs.js"),c=n.forwardRef(({fadeIn:i=!1,onClose:e,children:o},d)=>{const{theme:s,palette:u}=a.useTheme();return n.useEffect(()=>{if(!e)return;const r=l=>{l.key==="Escape"&&e()};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[e]),t.jsx(y.Portal.Root,{children:t.jsx(a.ThemeProvider,{theme:s,palette:u,children:t.jsx("div",{ref:d,id:"background","aria-label":"Background overlay","data-testid":"screen-overlay",className:v.csx("proton-ScreenOverlay__background","proton-ScreenOverlay__z-index",i&&"proton-ScreenOverlay__fade-in"),onClick:r=>{e&&r.target===r.currentTarget&&e()},children:o})})})});c.displayName="ProtonUIScreenOverlay";exports.ScreenOverlay=c;
 //# sourceMappingURL=ScreenOverlay.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenOverlay.cjs.js","sources":["../../../src/components/ScreenOverlay/ScreenOverlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, type MouseEvent } from \"react\";\nimport \"./ScreenOverlay.css\";\nimport { csx } from \"../../utils\";\nimport { Portal } from \"radix-ui\";\nimport { useTheme, ThemeProvider } from \"../ThemeProvider\";\n\ninterface ScreenOverlayProps {\n  /**\n   * Children to render inside the overlay.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Whether to fade in the overlay.\n   */\n  fadeIn?: boolean;\n\n  /**\n   * Callback function to handle events (click or ESC key).\n   */\n  onClose?: () => void;\n\n  /**\n   * Ref to the overlay element.\n   */\n  ref?: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Base Overlay component for creating modal-like backgrounds.\n *\n * API:\n *  - {@link ScreenOverlayProps}\n */\nexport const ScreenOverlay = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  ({ fadeIn = false, onClose, children }, ref) => {\n    const { theme, palette } = useTheme();\n\n    useEffect(() => {\n      if (!onClose) return;\n\n      const handleEscKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") onClose();\n      };\n\n      document.addEventListener(\"keydown\", handleEscKey);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscKey);\n      };\n    }, [onClose]);\n\n    return (\n      <Portal.Root>\n        <ThemeProvider theme={theme} palette={palette}>\n          <div\n            ref={ref}\n            id=\"background\"\n            aria-label=\"Background overlay\"\n            data-testid=\"screen-overlay\"\n            className={csx(\n              \"proton-ScreenOverlay__background\",\n              \"proton-ScreenOverlay__z-index\",\n              fadeIn && \"proton-ScreenOverlay__fade-in\"\n            )}\n            onClick={(event: MouseEvent) => {\n              if (!onClose) return;\n\n              // Only trigger onClose if the click was directly on the background element\n              if (event.target === event.currentTarget) {\n                onClose();\n              }\n            }}\n          >\n            {children}\n          </div>\n        </ThemeProvider>\n      </Portal.Root>\n    );\n  }\n);\n\nScreenOverlay.displayName = \"ProtonUIScreenOverlay\";\n"],"names":["ScreenOverlay","forwardRef","fadeIn","onClose","children","ref","theme","palette","useTheme","useEffect","handleEscKey","event","Portal","jsx","ThemeProvider","csx"],"mappings":"gTAoCaA,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,OAAAC,EAAS,GAAO,QAAAC,EAAS,SAAAC,CAAA,EAAYC,IAAQ,CAC9C,KAAM,CAAE,MAAAC,EAAO,QAAAC,CAAA,EAAYC,WAAA,EAE3BC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACN,EAAS,OAEd,MAAMO,EAAgBC,GAAyB,CACzCA,EAAM,MAAQ,UAAUR,EAAA,CAC9B,EAEA,gBAAS,iBAAiB,UAAWO,CAAY,EAC1C,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAY,CACtD,CACF,EAAG,CAACP,CAAO,CAAC,0BAGTS,EAAAA,OAAO,KAAP,CACC,SAAAC,wBAACC,EAAAA,cAAA,CAAc,MAAAR,EAAc,QAAAC,EAC3B,SAAAM,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAAR,EACA,GAAG,aACH,aAAW,qBACX,cAAY,iBACZ,UAAWU,EAAAA,IACT,mCACA,gCACAb,GAAU,+BAAA,EAEZ,QAAUS,GAAsB,CACzBR,GAGDQ,EAAM,SAAWA,EAAM,eACzBR,EAAA,CAEJ,EAEC,SAAAC,CAAA,CAAA,EAEL,CAAA,CACF,CAEJ,CACF,EAEAJ,EAAc,YAAc"}
+{"version":3,"file":"ScreenOverlay.cjs.js","sources":["../../../src/components/ScreenOverlay/ScreenOverlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, type MouseEvent } from \"react\";\nimport \"./ScreenOverlay.css\";\nimport { csx } from \"../../utils\";\nimport { Portal } from \"radix-ui\";\nimport { useTheme, ThemeProvider } from \"../ThemeProvider\";\n\ninterface ScreenOverlayProps {\n  /**\n   * Children to render inside the overlay.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Whether to fade in the overlay.\n   */\n  fadeIn?: boolean;\n\n  /**\n   * Callback function to handle events (click or ESC key).\n   */\n  onClose?: () => void;\n\n  /**\n   * Ref to the overlay element.\n   */\n  ref?: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Base Overlay component for creating modal-like backgrounds.\n *\n * API:\n *  - {@link ScreenOverlayProps}\n */\nexport const ScreenOverlay = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  ({ fadeIn = false, onClose, children }, ref) => {\n    const { theme, palette } = useTheme();\n\n    useEffect(() => {\n      if (!onClose) return;\n\n      const handleEscKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") onClose();\n      };\n\n      document.addEventListener(\"keydown\", handleEscKey);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscKey);\n      };\n    }, [onClose]);\n\n    return (\n      <Portal.Root>\n        <ThemeProvider theme={theme} palette={palette}>\n          <div\n            ref={ref}\n            id=\"background\"\n            aria-label=\"Background overlay\"\n            data-testid=\"screen-overlay\"\n            className={csx(\n              \"proton-ScreenOverlay__background\",\n              \"proton-ScreenOverlay__z-index\",\n              fadeIn && \"proton-ScreenOverlay__fade-in\"\n            )}\n            onClick={(event: MouseEvent) => {\n              if (!onClose) return;\n\n              // Only trigger onClose if the click was directly on the background element\n              if (event.target === event.currentTarget) {\n                onClose();\n              }\n            }}\n          >\n            {children}\n          </div>\n        </ThemeProvider>\n      </Portal.Root>\n    );\n  }\n);\n\nScreenOverlay.displayName = \"ProtonUIScreenOverlay\";\n"],"names":["ScreenOverlay","forwardRef","fadeIn","onClose","children","ref","theme","palette","useTheme","useEffect","handleEscKey","event","Portal","jsx","ThemeProvider","csx"],"mappings":"sRAoCaA,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,OAAAC,EAAS,GAAO,QAAAC,EAAS,SAAAC,CAAA,EAAYC,IAAQ,CAC9C,KAAM,CAAE,MAAAC,EAAO,QAAAC,CAAA,EAAYC,WAAA,EAE3BC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACN,EAAS,OAEd,MAAMO,EAAgBC,GAAyB,CACzCA,EAAM,MAAQ,UAAUR,EAAA,CAC9B,EAEA,gBAAS,iBAAiB,UAAWO,CAAY,EAC1C,IAAM,CACX,SAAS,oBAAoB,UAAWA,CAAY,CACtD,CACF,EAAG,CAACP,CAAO,CAAC,QAGTS,EAAAA,OAAO,KAAP,CACC,SAAAC,MAACC,EAAAA,cAAA,CAAc,MAAAR,EAAc,QAAAC,EAC3B,SAAAM,EAAAA,IAAC,MAAA,CACC,IAAAR,EACA,GAAG,aACH,aAAW,qBACX,cAAY,iBACZ,UAAWU,EAAAA,IACT,mCACA,gCACAb,GAAU,+BAAA,EAEZ,QAAUS,GAAsB,CACzBR,GAGDQ,EAAM,SAAWA,EAAM,eACzBR,EAAA,CAEJ,EAEC,SAAAC,CAAA,CAAA,EAEL,CAAA,CACF,CAEJ,CACF,EAEAJ,EAAc,YAAc"}

package/dist/components/ScreenOverlay/ScreenOverlay.es.js

@@ -1,13 +1,13 @@
-import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as m, useEffect as s } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m, useEffect as f } from "react";
 /* empty css                     */
-import { Portal as f } from "radix-ui";
-import { useTheme as l, ThemeProvider as p } from "../ThemeProvider.es.js";
+import { Portal as l } from "radix-ui";
+import { useTheme as p, ThemeProvider as s } from "../ThemeProvider.es.js";
 import { csx as u } from "../../utils/string.es.js";
 const y = m(
   ({ fadeIn: o = !1, onClose: e, children: n }, a) => {
-    const { theme: i, palette: c } = l();
-    return s(() => {
+    const { theme: c, palette: i } = p();
+    return f(() => {
       if (!e) return;
       const r = (d) => {
         d.key === "Escape" && e();
@@ -15,7 +15,7 @@ const y = m(
       return document.addEventListener("keydown", r), () => {
         document.removeEventListener("keydown", r);
       };
-    }, [e]), /* @__PURE__ */ t.jsx(f.Root, { children: /* @__PURE__ */ t.jsx(p, { theme: i, palette: c, children: /* @__PURE__ */ t.jsx(
+    }, [e]), /* @__PURE__ */ t(l.Root, { children: /* @__PURE__ */ t(s, { theme: c, palette: i, children: /* @__PURE__ */ t(
       "div",
       {
         ref: a,

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

@@ -1 +1 @@
-{"version":3,"file":"ScreenOverlay.es.js","sources":["../../../src/components/ScreenOverlay/ScreenOverlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, type MouseEvent } from \"react\";\nimport \"./ScreenOverlay.css\";\nimport { csx } from \"../../utils\";\nimport { Portal } from \"radix-ui\";\nimport { useTheme, ThemeProvider } from \"../ThemeProvider\";\n\ninterface ScreenOverlayProps {\n  /**\n   * Children to render inside the overlay.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Whether to fade in the overlay.\n   */\n  fadeIn?: boolean;\n\n  /**\n   * Callback function to handle events (click or ESC key).\n   */\n  onClose?: () => void;\n\n  /**\n   * Ref to the overlay element.\n   */\n  ref?: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Base Overlay component for creating modal-like backgrounds.\n *\n * API:\n *  - {@link ScreenOverlayProps}\n */\nexport const ScreenOverlay = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  ({ fadeIn = false, onClose, children }, ref) => {\n    const { theme, palette } = useTheme();\n\n    useEffect(() => {\n      if (!onClose) return;\n\n      const handleEscKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") onClose();\n      };\n\n      document.addEventListener(\"keydown\", handleEscKey);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscKey);\n      };\n    }, [onClose]);\n\n    return (\n      <Portal.Root>\n        <ThemeProvider theme={theme} palette={palette}>\n          <div\n            ref={ref}\n            id=\"background\"\n            aria-label=\"Background overlay\"\n            data-testid=\"screen-overlay\"\n            className={csx(\n              \"proton-ScreenOverlay__background\",\n              \"proton-ScreenOverlay__z-index\",\n              fadeIn && \"proton-ScreenOverlay__fade-in\"\n            )}\n            onClick={(event: MouseEvent) => {\n              if (!onClose) return;\n\n              // Only trigger onClose if the click was directly on the background element\n              if (event.target === event.currentTarget) {\n                onClose();\n              }\n            }}\n          >\n            {children}\n          </div>\n        </ThemeProvider>\n      </Portal.Root>\n    );\n  }\n);\n\nScreenOverlay.displayName = \"ProtonUIScreenOverlay\";\n"],"names":["ScreenOverlay","forwardRef","fadeIn","onClose","children","ref","theme","palette","useTheme","useEffect","handleEscKey","event","Portal","jsx","ThemeProvider","csx"],"mappings":";;;;;;AAoCO,MAAMA,IAAgBC;AAAA,EAC3B,CAAC,EAAE,QAAAC,IAAS,IAAO,SAAAC,GAAS,UAAAC,EAAA,GAAYC,MAAQ;AAC9C,UAAM,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAA;AAE3B,WAAAC,EAAU,MAAM;AACd,UAAI,CAACN,EAAS;AAEd,YAAMO,IAAe,CAACC,MAAyB;AAC7C,QAAIA,EAAM,QAAQ,YAAUR,EAAA;AAAA,MAC9B;AAEA,sBAAS,iBAAiB,WAAWO,CAAY,GAC1C,MAAM;AACX,iBAAS,oBAAoB,WAAWA,CAAY;AAAA,MACtD;AAAA,IACF,GAAG,CAACP,CAAO,CAAC,yBAGTS,EAAO,MAAP,EACC,UAAAC,gBAAAA,MAACC,GAAA,EAAc,OAAAR,GAAc,SAAAC,GAC3B,UAAAM,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,IAAG;AAAA,QACH,cAAW;AAAA,QACX,eAAY;AAAA,QACZ,WAAWU;AAAA,UACT;AAAA,UACA;AAAA,UACAb,KAAU;AAAA,QAAA;AAAA,QAEZ,SAAS,CAACS,MAAsB;AAC9B,UAAKR,KAGDQ,EAAM,WAAWA,EAAM,iBACzBR,EAAA;AAAA,QAEJ;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA,GAEL,EAAA,CACF;AAAA,EAEJ;AACF;AAEAJ,EAAc,cAAc;"}
+{"version":3,"file":"ScreenOverlay.es.js","sources":["../../../src/components/ScreenOverlay/ScreenOverlay.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, type MouseEvent } from \"react\";\nimport \"./ScreenOverlay.css\";\nimport { csx } from \"../../utils\";\nimport { Portal } from \"radix-ui\";\nimport { useTheme, ThemeProvider } from \"../ThemeProvider\";\n\ninterface ScreenOverlayProps {\n  /**\n   * Children to render inside the overlay.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Whether to fade in the overlay.\n   */\n  fadeIn?: boolean;\n\n  /**\n   * Callback function to handle events (click or ESC key).\n   */\n  onClose?: () => void;\n\n  /**\n   * Ref to the overlay element.\n   */\n  ref?: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Base Overlay component for creating modal-like backgrounds.\n *\n * API:\n *  - {@link ScreenOverlayProps}\n */\nexport const ScreenOverlay = forwardRef<HTMLDivElement, ScreenOverlayProps>(\n  ({ fadeIn = false, onClose, children }, ref) => {\n    const { theme, palette } = useTheme();\n\n    useEffect(() => {\n      if (!onClose) return;\n\n      const handleEscKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") onClose();\n      };\n\n      document.addEventListener(\"keydown\", handleEscKey);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscKey);\n      };\n    }, [onClose]);\n\n    return (\n      <Portal.Root>\n        <ThemeProvider theme={theme} palette={palette}>\n          <div\n            ref={ref}\n            id=\"background\"\n            aria-label=\"Background overlay\"\n            data-testid=\"screen-overlay\"\n            className={csx(\n              \"proton-ScreenOverlay__background\",\n              \"proton-ScreenOverlay__z-index\",\n              fadeIn && \"proton-ScreenOverlay__fade-in\"\n            )}\n            onClick={(event: MouseEvent) => {\n              if (!onClose) return;\n\n              // Only trigger onClose if the click was directly on the background element\n              if (event.target === event.currentTarget) {\n                onClose();\n              }\n            }}\n          >\n            {children}\n          </div>\n        </ThemeProvider>\n      </Portal.Root>\n    );\n  }\n);\n\nScreenOverlay.displayName = \"ProtonUIScreenOverlay\";\n"],"names":["ScreenOverlay","forwardRef","fadeIn","onClose","children","ref","theme","palette","useTheme","useEffect","handleEscKey","event","Portal","jsx","ThemeProvider","csx"],"mappings":";;;;;;AAoCO,MAAMA,IAAgBC;AAAA,EAC3B,CAAC,EAAE,QAAAC,IAAS,IAAO,SAAAC,GAAS,UAAAC,EAAA,GAAYC,MAAQ;AAC9C,UAAM,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAA;AAE3B,WAAAC,EAAU,MAAM;AACd,UAAI,CAACN,EAAS;AAEd,YAAMO,IAAe,CAACC,MAAyB;AAC7C,QAAIA,EAAM,QAAQ,YAAUR,EAAA;AAAA,MAC9B;AAEA,sBAAS,iBAAiB,WAAWO,CAAY,GAC1C,MAAM;AACX,iBAAS,oBAAoB,WAAWA,CAAY;AAAA,MACtD;AAAA,IACF,GAAG,CAACP,CAAO,CAAC,qBAGTS,EAAO,MAAP,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAAR,GAAc,SAAAC,GAC3B,UAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,IAAG;AAAA,QACH,cAAW;AAAA,QACX,eAAY;AAAA,QACZ,WAAWU;AAAA,UACT;AAAA,UACA;AAAA,UACAb,KAAU;AAAA,QAAA;AAAA,QAEZ,SAAS,CAACS,MAAsB;AAC9B,UAAKR,KAGDQ,EAAM,WAAWA,EAAM,iBACzBR,EAAA;AAAA,QAEJ;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA,GAEL,EAAA,CACF;AAAA,EAEJ;AACF;AAEAJ,EAAc,cAAc;"}

package/dist/components/Select/Select.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"),c=require("react"),o=require("radix-ui"),B=require("../ThemeProvider.cjs.js"),A=require("../../hooks/useBreakpoint.cjs.js"),C=require("../ActionMenu/ActionMenu.cjs.js");;/* empty css                */;/* empty css                    */;/* empty css                              */const R=require("../../utils/string.cjs.js"),U=require("../../constants/breakpoint.cjs.js"),V=require("../Icon/IconComponents/CaretDown.cjs.js"),g=c.forwardRef(({disabled:s,isOpen:r,onClick:n,isRounded:i,selectedItem:a,ariaLabel:l,"data-testid":m},u)=>e.jsxRuntimeExports.jsxs("button",{ref:u,type:"button",role:"combobox","aria-label":l,"aria-expanded":r,"aria-autocomplete":"none","data-state":r?"open":"closed","data-testid":m,disabled:s,onClick:n,className:R.csx("proton-Select__trigger","proton-Elevation--glass",s&&"proton-Select__trigger--disabled",!r&&"proton-Select__trigger--closed",r&&"proton-Select__trigger--opened",i&&"proton-Select__trigger--rounded"),children:[e.jsxRuntimeExports.jsx("span",{className:"proton-Select__value",children:a?a.label:"Select an option"}),e.jsxRuntimeExports.jsx("span",{className:R.csx("proton-Select__trigger_icon",r&&"proton-Select__trigger_icon--flipped"),children:e.jsxRuntimeExports.jsx(V.CaretDown,{size:16})})]}));g.displayName="ProtonUISelectButton";function N({label:s,name:r,isDisabled:n,disabledKeys:i,selectedKey:a,onSelectionChange:l,defaultSelectedKey:m,onOpen:u,onClose:S,items:h,isRounded:_=!1,"data-testid":f}){const[E,p]=c.useState(!1),j=a!==void 0,[k,v]=c.useState(m??""),{className:I,style:M}=B.useTheme(),T=A.useBreakpoint(U.BREAKPOINTS.MEDIUM),b=c.useRef(null),x=c.useRef(null),d=j?a:k,y=h.find(t=>t.key===d),q=t=>{j||v(t),l==null||l(t),x.current&&(x.current.value=t,x.current.dispatchEvent(new Event("change",{bubbles:!0})))},P=t=>{p(t),t?u==null||u():S==null||S()};c.useEffect(()=>{j&&v(a)},[j]);const w=h.map(t=>({key:t.key,label:t.label,to:t.to,onAction:()=>{q(t.key),p(!1)}}));return T?e.jsxRuntimeExports.jsxs("div",{className:"proton-Select","aria-label":s||r,"aria-disabled":n,children:[s&&e.jsxRuntimeExports.jsx("div",{className:"proton-Select__label","data-testid":"select-label",children:s}),e.jsxRuntimeExports.jsx("input",{ref:x,type:"hidden",name:r,value:d,"data-testid":"hidden-select-container"}),e.jsxRuntimeExports.jsx(g,{isOpen:E,isRounded:_,ref:b,disabled:n,ariaLabel:s||r,"data-testid":f,onClick:()=>p(!0),selectedItem:y}),e.jsxRuntimeExports.jsx(C.ActionMenu,{isOpen:E,onClose:()=>p(!1),actions:w,selectedKeys:[d],disabledKeys:i})]}):e.jsxRuntimeExports.jsxs("div",{className:"proton-Select","aria-label":s||r,"aria-disabled":n,children:[s&&e.jsxRuntimeExports.jsx("div",{className:"proton-Select__label","data-testid":"select-label",children:s}),e.jsxRuntimeExports.jsx("input",{ref:x,type:"hidden",name:r,value:d,"data-testid":"hidden-select-container"}),e.jsxRuntimeExports.jsxs(o.Select.Root,{value:d,onValueChange:q,onOpenChange:P,disabled:n,children:[e.jsxRuntimeExports.jsx(o.Select.Trigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(g,{isRounded:_,isOpen:E,ref:b,disabled:n,ariaLabel:s||r,"data-testid":f,selectedItem:y})}),e.jsxRuntimeExports.jsx(o.Select.Portal,{children:e.jsxRuntimeExports.jsx(o.Select.Content,{className:R.csx("proton-Menu","proton-MenuTrigger__menu","proton-Elevation--glass",I),style:M,position:"popper",children:e.jsxRuntimeExports.jsx(o.Select.Viewport,{children:h.map(t=>e.jsxRuntimeExports.jsx(o.Select.Item,{value:t.key,disabled:i==null?void 0:i.includes(t.key),className:"proton-Menu__item",children:e.jsxRuntimeExports.jsx(o.Select.ItemText,{children:t.label})},t.key))})})})]})]})}N.displayName="ProtonUISelect";exports.Select=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("radix-ui"),B=require("../ThemeProvider.cjs.js"),A=require("../../hooks/useBreakpoint.cjs.js"),C=require("../ActionMenu/ActionMenu.cjs.js");;/* empty css                */;/* empty css                    */;/* empty css                              */const j=require("../../utils/string.cjs.js"),U=require("../../constants/breakpoint.cjs.js"),V=require("../Icon/IconComponents/CaretDown.cjs.js"),v=o.forwardRef(({disabled:n,isOpen:r,onClick:a,isRounded:c,selectedItem:l,ariaLabel:i,"data-testid":x},d)=>e.jsxs("button",{ref:d,type:"button",role:"combobox","aria-label":i,"aria-expanded":r,"aria-autocomplete":"none","data-state":r?"open":"closed","data-testid":x,disabled:n,onClick:a,className:j.csx("proton-Select__trigger","proton-Elevation--glass",n&&"proton-Select__trigger--disabled",!r&&"proton-Select__trigger--closed",r&&"proton-Select__trigger--opened",c&&"proton-Select__trigger--rounded"),children:[e.jsx("span",{className:"proton-Select__value",children:l?l.label:"Select an option"}),e.jsx("span",{className:j.csx("proton-Select__trigger_icon",r&&"proton-Select__trigger_icon--flipped"),children:e.jsx(V.CaretDown,{size:16})})]}));v.displayName="ProtonUISelectButton";function I({label:n,name:r,isDisabled:a,disabledKeys:c,selectedKey:l,onSelectionChange:i,defaultSelectedKey:x,onOpen:d,onClose:g,items:_,isRounded:b=!1,"data-testid":m}){const[f,S]=o.useState(!1),h=l!==void 0,[M,y]=o.useState(x??""),{className:R,style:E}=B.useTheme(),T=A.useBreakpoint(U.BREAKPOINTS.MEDIUM),N=o.useRef(null),u=o.useRef(null),p=h?l:M,q=_.find(t=>t.key===p),k=t=>{h||y(t),i==null||i(t),u.current&&(u.current.value=t,u.current.dispatchEvent(new Event("change",{bubbles:!0})))},P=t=>{S(t),t?d==null||d():g==null||g()};o.useEffect(()=>{h&&y(l)},[h]);const w=_.map(t=>({key:t.key,label:t.label,to:t.to,onAction:()=>{k(t.key),S(!1)}}));return T?e.jsxs("div",{className:"proton-Select","aria-label":n||r,"aria-disabled":a,children:[n&&e.jsx("div",{className:"proton-Select__label","data-testid":"select-label",children:n}),e.jsx("input",{ref:u,type:"hidden",name:r,value:p,"data-testid":"hidden-select-container"}),e.jsx(v,{isOpen:f,isRounded:b,ref:N,disabled:a,ariaLabel:n||r,"data-testid":m,onClick:()=>S(!0),selectedItem:q}),e.jsx(C.ActionMenu,{isOpen:f,onClose:()=>S(!1),actions:w,selectedKeys:[p],disabledKeys:c})]}):e.jsxs("div",{className:"proton-Select","aria-label":n||r,"aria-disabled":a,children:[n&&e.jsx("div",{className:"proton-Select__label","data-testid":"select-label",children:n}),e.jsx("input",{ref:u,type:"hidden",name:r,value:p,"data-testid":"hidden-select-container"}),e.jsxs(s.Select.Root,{value:p,onValueChange:k,onOpenChange:P,disabled:a,children:[e.jsx(s.Select.Trigger,{asChild:!0,children:e.jsx(v,{isRounded:b,isOpen:f,ref:N,disabled:a,ariaLabel:n||r,"data-testid":m,selectedItem:q})}),e.jsx(s.Select.Portal,{children:e.jsx(s.Select.Content,{className:j.csx("proton-Menu","proton-MenuTrigger__menu","proton-Elevation--glass",R),style:E,position:"popper",children:e.jsx(s.Select.Viewport,{children:_.map(t=>e.jsx(s.Select.Item,{value:t.key,disabled:c==null?void 0:c.includes(t.key),className:"proton-Menu__item",children:e.jsx(s.Select.ItemText,{children:t.label})},t.key))})})})]})]})}I.displayName="ProtonUISelect";exports.Select=I;
 //# sourceMappingURL=Select.cjs.js.map