@protonradio/proton-ui 0.13.0 → 0.13.1

package/dist/components/Button/Button.es.js

@@ -1,95 +1,95 @@
-import { j as n } from "../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as _ } from "react";
-import { csx as x } from "../../utils/string.es.js";
-import { isUrlExternal as j, handleInternalNavigation as h } from "../../utils/navigation.es.js";
+import { jsxs as _, Fragment as h, jsx as a } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { csx as f } from "../../utils/string.es.js";
+import { isUrlExternal as y, handleInternalNavigation as N } from "../../utils/navigation.es.js";
 /* empty css              */
-const I = {
+const U = {
   primary: "primary",
   secondary: "secondary",
   success: "success",
   danger: "danger",
   translucent: "translucent"
-}, C = {
+}, $ = {
   small: "small",
   medium: "medium",
   large: "large",
   xlarge: "xlarge",
   "2xlarge": "2xlarge"
-}, v = _(
+}, b = v(
   ({
-    variant: f = "primary",
-    size: i = "medium",
-    fullWidth: c = !1,
+    variant: x = "primary",
+    size: c = "medium",
+    fullWidth: i = !1,
     icon: m,
     to: t,
     target: e,
-    onPress: o,
+    onPress: n,
     type: B = "button",
     isDisabled: r,
     "data-testid": g,
     children: u
   }, d) => {
-    const l = t && j(t), s = {
-      className: x(
+    const l = t && y(t), p = {
+      className: f(
         "proton-Button",
-        `proton-Button--${f}`,
-        c && "proton-Button--fullWidth",
+        `proton-Button--${x}`,
+        i && "proton-Button--fullWidth",
         r && "proton-Button--disabled",
-        i && `proton-Button--${i}`
+        c && `proton-Button--${c}`
       ),
       "data-testid": g,
       ...t && { "aria-disabled": r },
       ...r && { tabIndex: -1 }
-    }, p = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      m && /* @__PURE__ */ n.jsx(
+    }, s = /* @__PURE__ */ _(h, { children: [
+      m && /* @__PURE__ */ a(
         "div",
         {
-          className: x(
+          className: f(
             "proton-Button__icon-decorator",
-            c && "proton-Button__icon-decorator--fullWidth"
+            i && "proton-Button__icon-decorator--fullWidth"
           ),
           children: m
         }
       ),
-      u && /* @__PURE__ */ n.jsx("div", { className: "proton-Button__text", children: u })
+      u && /* @__PURE__ */ a("div", { className: "proton-Button__text", children: u })
     ] });
-    return t ? /* @__PURE__ */ n.jsx(
+    return t ? /* @__PURE__ */ a(
       "a",
       {
-        ...s,
+        ...p,
         href: t,
         target: e || (l ? "_blank" : void 0),
         rel: l || e === "_blank" ? "noopener noreferrer" : void 0,
         ref: d,
-        onClick: (a) => {
+        onClick: (o) => {
           if (r) {
-            a.preventDefault();
+            o.preventDefault();
             return;
           }
-          !l && !e && h(a, t), o == null || o(a);
+          !l && !e && N(o, t), n == null || n(o);
         },
         role: "button",
-        children: p
+        children: s
       }
-    ) : /* @__PURE__ */ n.jsx(
+    ) : /* @__PURE__ */ a(
       "button",
       {
-        ...s,
+        ...p,
         type: B,
         disabled: r,
         ref: d,
-        onClick: (a) => {
-          !r && o && o(a);
+        onClick: (o) => {
+          !r && n && n(o);
         },
-        children: p
+        children: s
       }
     );
   }
 );
-v.displayName = "ProtonUIButton";
+b.displayName = "ProtonUIButton";
 export {
-  v as Button,
-  C as ButtonSizes,
-  I as ButtonVariants
+  b as Button,
+  $ as ButtonSizes,
+  U as ButtonVariants
 };
 //# sourceMappingURL=Button.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.es.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type MouseEvent, type ReactNode, type RefObject } from \"react\";\n\nimport { csx } from \"../../utils/string\";\nimport {\n  isUrlExternal,\n  handleInternalNavigation,\n} from \"../../utils/navigation\";\nimport \"./Button.css\";\n\nexport type ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"danger\"\n  | \"translucent\";\n\nexport const ButtonVariants: Record<ButtonVariant, ButtonVariant> = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  success: \"success\",\n  danger: \"danger\",\n  translucent: \"translucent\",\n};\n\nexport type ButtonSize = \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"2xlarge\";\n\nexport const ButtonSizes: Record<ButtonSize, ButtonSize> = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  xlarge: \"xlarge\",\n  \"2xlarge\": \"2xlarge\",\n};\n\nexport interface ButtonProps {\n  /** The button's visual aesthetic\n   * - type {@link ButtonVariant}\n   */\n  variant?: ButtonVariant;\n\n  /** The size of the button\n   * - type {@link ButtonSize}\n   * @default \"medium\"\n   */\n  size?: ButtonSize;\n\n  /** Should the button be full width?\n   * @default false\n   */\n  fullWidth?: boolean;\n\n  /** The prefix to display within the button */\n  icon?: ReactNode;\n\n  /** Should the button be non-interactive? */\n  isDisabled?: boolean;\n\n  /** The URL that the button should link to. Turns the element into an `a` tag. If the URL is external, you should pass the entire URL to the `to` prop (e.g. `https://example.com`). */\n  to?: string;\n\n  /** The target attribute for the link. Defaults to `_blank` if the URL is external. */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | string;\n\n  /** Called when the button is pressed (on release, not keydown) */\n  onPress?: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n\n  /** The type of button */\n  type?: \"button\" | \"submit\" | \"reset\";\n\n  /** The test ID for the button */\n  \"data-testid\"?: string;\n\n  /** The content to display within the button */\n  children?: ReactNode;\n}\n\n/**\n * A customizable button component that can render as either a button or anchor element.\n *\n * API:\n *  - {@link ButtonProps}\n */\nexport const Button = forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>(\n  (\n    {\n      variant = \"primary\",\n      size = \"medium\",\n      fullWidth = false,\n      icon,\n      to,\n      target,\n      onPress,\n      type = \"button\",\n      isDisabled,\n      \"data-testid\": testId,\n      children,\n    }: ButtonProps,\n    ref\n  ) => {\n    const isExternal = to && isUrlExternal(to);\n\n    const commonProps = {\n      className: csx(\n        \"proton-Button\",\n        `proton-Button--${variant}`,\n        fullWidth && \"proton-Button--fullWidth\",\n        isDisabled && \"proton-Button--disabled\",\n        size && `proton-Button--${size}`\n      ),\n      \"data-testid\": testId,\n      ...(to && { \"aria-disabled\": isDisabled }),\n      ...(isDisabled && { tabIndex: -1 }),\n    };\n\n    const content = (\n      <>\n        {icon && (\n          <div\n            className={csx(\n              \"proton-Button__icon-decorator\",\n              fullWidth && \"proton-Button__icon-decorator--fullWidth\"\n            )}\n          >\n            {icon}\n          </div>\n        )}\n        {children && <div className=\"proton-Button__text\">{children}</div>}\n      </>\n    );\n\n    if (to) {\n      return (\n        <a\n          {...commonProps}\n          href={to}\n          target={target || (isExternal ? \"_blank\" : undefined)}\n          rel={\n            isExternal || target === \"_blank\"\n              ? \"noopener noreferrer\"\n              : undefined\n          }\n          ref={ref as RefObject<HTMLAnchorElement>}\n          onClick={(e) => {\n            if (isDisabled) {\n              e.preventDefault();\n              return;\n            }\n\n            if (!isExternal && !target) {\n              handleInternalNavigation(e, to);\n            }\n\n            onPress?.(e);\n          }}\n          role=\"button\"\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        {...commonProps}\n        type={type}\n        disabled={isDisabled}\n        ref={ref as RefObject<HTMLButtonElement>}\n        onClick={(e) => {\n          if (!isDisabled && onPress) {\n            onPress(e);\n          }\n        }}\n      >\n        {content}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"ProtonUIButton\";\n"],"names":["ButtonVariants","ButtonSizes","Button","forwardRef","variant","size","fullWidth","icon","to","target","onPress","type","isDisabled","testId","children","ref","isExternal","isUrlExternal","commonProps","csx","content","jsxs","Fragment","jsx","e","handleInternalNavigation"],"mappings":";;;;;AAkBO,MAAMA,IAAuD;AAAA,EAClE,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf,GAIaC,IAA8C;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AACb,GAkDaC,IAASC;AAAA,EAIpB,CACE;AAAA,IACE,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,MAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,eAAeC;AAAA,IACf,UAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAMC,IAAaR,KAAMS,EAAcT,CAAE,GAEnCU,IAAc;AAAA,MAClB,WAAWC;AAAA,QACT;AAAA,QACA,kBAAkBf,CAAO;AAAA,QACzBE,KAAa;AAAA,QACbM,KAAc;AAAA,QACdP,KAAQ,kBAAkBA,CAAI;AAAA,MAAA;AAAA,MAEhC,eAAeQ;AAAA,MACf,GAAIL,KAAM,EAAE,iBAAiBI,EAAA;AAAA,MAC7B,GAAIA,KAAc,EAAE,UAAU,GAAA;AAAA,IAAG,GAG7BQ,IACJC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACG,UAAA;AAAA,MAAAf,KACCgB,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWJ;AAAA,YACT;AAAA,YACAb,KAAa;AAAA,UAAA;AAAA,UAGd,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJO,KAAYS,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAT,EAAA,CAAS;AAAA,IAAA,GAC9D;AAGF,WAAIN,IAEAe,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,MAAMV;AAAA,QACN,QAAQC,MAAWO,IAAa,WAAW;AAAA,QAC3C,KACEA,KAAcP,MAAW,WACrB,wBACA;AAAA,QAEN,KAAAM;AAAA,QACA,SAAS,CAACS,MAAM;AACd,cAAIZ,GAAY;AACd,YAAAY,EAAE,eAAA;AACF;AAAA,UACF;AAEA,UAAI,CAACR,KAAc,CAACP,KAClBgB,EAAyBD,GAAGhB,CAAE,GAGhCE,KAAA,QAAAA,EAAUc;AAAA,QACZ;AAAA,QACA,MAAK;AAAA,QAEJ,UAAAJ;AAAA,MAAA;AAAA,IAAA,IAMLG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,MAAAP;AAAA,QACA,UAAUC;AAAA,QACV,KAAAG;AAAA,QACA,SAAS,CAACS,MAAM;AACd,UAAI,CAACZ,KAAcF,KACjBA,EAAQc,CAAC;AAAA,QAEb;AAAA,QAEC,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAlB,EAAO,cAAc;"}
+{"version":3,"file":"Button.es.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type MouseEvent, type ReactNode, type RefObject } from \"react\";\n\nimport { csx } from \"../../utils/string\";\nimport {\n  isUrlExternal,\n  handleInternalNavigation,\n} from \"../../utils/navigation\";\nimport \"./Button.css\";\n\nexport type ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"danger\"\n  | \"translucent\";\n\nexport const ButtonVariants: Record<ButtonVariant, ButtonVariant> = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  success: \"success\",\n  danger: \"danger\",\n  translucent: \"translucent\",\n};\n\nexport type ButtonSize = \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"2xlarge\";\n\nexport const ButtonSizes: Record<ButtonSize, ButtonSize> = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n  xlarge: \"xlarge\",\n  \"2xlarge\": \"2xlarge\",\n};\n\nexport interface ButtonProps {\n  /** The button's visual aesthetic\n   * - type {@link ButtonVariant}\n   */\n  variant?: ButtonVariant;\n\n  /** The size of the button\n   * - type {@link ButtonSize}\n   * @default \"medium\"\n   */\n  size?: ButtonSize;\n\n  /** Should the button be full width?\n   * @default false\n   */\n  fullWidth?: boolean;\n\n  /** The prefix to display within the button */\n  icon?: ReactNode;\n\n  /** Should the button be non-interactive? */\n  isDisabled?: boolean;\n\n  /** The URL that the button should link to. Turns the element into an `a` tag. If the URL is external, you should pass the entire URL to the `to` prop (e.g. `https://example.com`). */\n  to?: string;\n\n  /** The target attribute for the link. Defaults to `_blank` if the URL is external. */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" | string;\n\n  /** Called when the button is pressed (on release, not keydown) */\n  onPress?: (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n\n  /** The type of button */\n  type?: \"button\" | \"submit\" | \"reset\";\n\n  /** The test ID for the button */\n  \"data-testid\"?: string;\n\n  /** The content to display within the button */\n  children?: ReactNode;\n}\n\n/**\n * A customizable button component that can render as either a button or anchor element.\n *\n * API:\n *  - {@link ButtonProps}\n */\nexport const Button = forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>(\n  (\n    {\n      variant = \"primary\",\n      size = \"medium\",\n      fullWidth = false,\n      icon,\n      to,\n      target,\n      onPress,\n      type = \"button\",\n      isDisabled,\n      \"data-testid\": testId,\n      children,\n    }: ButtonProps,\n    ref\n  ) => {\n    const isExternal = to && isUrlExternal(to);\n\n    const commonProps = {\n      className: csx(\n        \"proton-Button\",\n        `proton-Button--${variant}`,\n        fullWidth && \"proton-Button--fullWidth\",\n        isDisabled && \"proton-Button--disabled\",\n        size && `proton-Button--${size}`\n      ),\n      \"data-testid\": testId,\n      ...(to && { \"aria-disabled\": isDisabled }),\n      ...(isDisabled && { tabIndex: -1 }),\n    };\n\n    const content = (\n      <>\n        {icon && (\n          <div\n            className={csx(\n              \"proton-Button__icon-decorator\",\n              fullWidth && \"proton-Button__icon-decorator--fullWidth\"\n            )}\n          >\n            {icon}\n          </div>\n        )}\n        {children && <div className=\"proton-Button__text\">{children}</div>}\n      </>\n    );\n\n    if (to) {\n      return (\n        <a\n          {...commonProps}\n          href={to}\n          target={target || (isExternal ? \"_blank\" : undefined)}\n          rel={\n            isExternal || target === \"_blank\"\n              ? \"noopener noreferrer\"\n              : undefined\n          }\n          ref={ref as RefObject<HTMLAnchorElement>}\n          onClick={(e) => {\n            if (isDisabled) {\n              e.preventDefault();\n              return;\n            }\n\n            if (!isExternal && !target) {\n              handleInternalNavigation(e, to);\n            }\n\n            onPress?.(e);\n          }}\n          role=\"button\"\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        {...commonProps}\n        type={type}\n        disabled={isDisabled}\n        ref={ref as RefObject<HTMLButtonElement>}\n        onClick={(e) => {\n          if (!isDisabled && onPress) {\n            onPress(e);\n          }\n        }}\n      >\n        {content}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"ProtonUIButton\";\n"],"names":["ButtonVariants","ButtonSizes","Button","forwardRef","variant","size","fullWidth","icon","to","target","onPress","type","isDisabled","testId","children","ref","isExternal","isUrlExternal","commonProps","csx","content","jsxs","Fragment","jsx","e","handleInternalNavigation"],"mappings":";;;;;AAkBO,MAAMA,IAAuD;AAAA,EAClE,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AACf,GAIaC,IAA8C;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AACb,GAkDaC,IAASC;AAAA,EAIpB,CACE;AAAA,IACE,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,MAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,eAAeC;AAAA,IACf,UAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAMC,IAAaR,KAAMS,EAAcT,CAAE,GAEnCU,IAAc;AAAA,MAClB,WAAWC;AAAA,QACT;AAAA,QACA,kBAAkBf,CAAO;AAAA,QACzBE,KAAa;AAAA,QACbM,KAAc;AAAA,QACdP,KAAQ,kBAAkBA,CAAI;AAAA,MAAA;AAAA,MAEhC,eAAeQ;AAAA,MACf,GAAIL,KAAM,EAAE,iBAAiBI,EAAA;AAAA,MAC7B,GAAIA,KAAc,EAAE,UAAU,GAAA;AAAA,IAAG,GAG7BQ,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,MAAAf,KACC,gBAAAgB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWJ;AAAA,YACT;AAAA,YACAb,KAAa;AAAA,UAAA;AAAA,UAGd,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJO,KAAY,gBAAAS,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAT,EAAA,CAAS;AAAA,IAAA,GAC9D;AAGF,WAAIN,IAEA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,MAAMV;AAAA,QACN,QAAQC,MAAWO,IAAa,WAAW;AAAA,QAC3C,KACEA,KAAcP,MAAW,WACrB,wBACA;AAAA,QAEN,KAAAM;AAAA,QACA,SAAS,CAACS,MAAM;AACd,cAAIZ,GAAY;AACd,YAAAY,EAAE,eAAA;AACF;AAAA,UACF;AAEA,UAAI,CAACR,KAAc,CAACP,KAClBgB,EAAyBD,GAAGhB,CAAE,GAGhCE,KAAA,QAAAA,EAAUc;AAAA,QACZ;AAAA,QACA,MAAK;AAAA,QAEJ,UAAAJ;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,MAAAP;AAAA,QACA,UAAUC;AAAA,QACV,KAAAG;AAAA,QACA,SAAS,CAACS,MAAM;AACd,UAAI,CAACZ,KAAcF,KACjBA,EAAQc,CAAC;AAAA,QAEb;AAAA,QAEC,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAlB,EAAO,cAAc;"}

package/dist/components/ButtonGroup/ButtonGroup.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),d=require("radix-ui");;/* empty css                     */function a({name:i="ButtonGroup",value:t,defaultValue:o,onChange:e,children:u,"data-testid":l}){const r=t!==void 0,[p,c]=x.useState(()=>o||""),G=r?t||"":p;return s.jsxRuntimeExports.jsx(d.RadioGroup.Root,{name:i,value:r?t:void 0,defaultValue:r?void 0:o,onValueChange:n=>{r||c(n),e==null||e(n)},orientation:"horizontal",className:"proton-ButtonGroup","data-value":G,"data-testid":l,"aria-label":i,children:u})}a.displayName="ProtonUIButtonGroup";a.Option=function({value:t,children:o,"data-testid":e}){const u=typeof o=="string"?o:t;return s.jsxRuntimeExports.jsx(d.RadioGroup.Item,{value:t,className:"proton-ButtonGroup__option","data-testid":e||void 0,"aria-label":u,children:o})};exports.ButtonGroup=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),B=require("react"),d=require("radix-ui");;/* empty css                     */function u({name:a="ButtonGroup",value:t,defaultValue:o,onChange:e,children:i,"data-testid":l}){const r=t!==void 0,[p,c]=B.useState(()=>o||""),G=r?t||"":p;return s.jsx(d.RadioGroup.Root,{name:a,value:r?t:void 0,defaultValue:r?void 0:o,onValueChange:n=>{r||c(n),e==null||e(n)},orientation:"horizontal",className:"proton-ButtonGroup","data-value":G,"data-testid":l,"aria-label":a,children:i})}u.displayName="ProtonUIButtonGroup";u.Option=function({value:t,children:o,"data-testid":e}){const i=typeof o=="string"?o:t;return s.jsx(d.RadioGroup.Item,{value:t,className:"proton-ButtonGroup__option","data-testid":e||void 0,"aria-label":i,children:o})};exports.ButtonGroup=u;
 //# sourceMappingURL=ButtonGroup.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.cjs.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useState } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\n\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps {\n  /**\n   * The name of the ButtonGroup.\n   */\n  name?: string;\n  /**\n   * The value of the currently selected option in the ButtonGroup. Providing\n   * this prop causes the component to become controlled.\n   */\n  value?: string;\n  /**\n   * The initially selected value of the ButtonGroup.\n   */\n  defaultValue?: string;\n  /**\n   * Called when the ButtonGroup's selected value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * The ButtonGroup.Option elements to be rendered as the selectable values.\n   */\n  children?: ReactNode;\n  /** The test ID for the component. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button group component that allows selection of a single option from multiple choices.\n *\n * API:\n *  - {@link ButtonGroupProps}\n */\nexport function ButtonGroup({\n  name = \"ButtonGroup\",\n  value,\n  defaultValue,\n  onChange,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupProps) {\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    () => defaultValue || \"\"\n  );\n  const dataValue = isControlled ? (value || \"\") : uncontrolledValue;\n\n  return (\n    <RadixRadioGroup.Root\n      name={name}\n      value={isControlled ? value : undefined}\n      defaultValue={isControlled ? undefined : defaultValue}\n      onValueChange={(v) => {\n        if (!isControlled) setUncontrolledValue(v);\n        onChange?.(v);\n      }}\n      orientation=\"horizontal\"\n      className=\"proton-ButtonGroup\"\n      data-value={dataValue}\n      data-testid={testId}\n      aria-label={name}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  );\n}\n\nButtonGroup.displayName = \"ProtonUIButtonGroup\";\n\nexport interface ButtonGroupOptionProps {\n  /**\n   * The value of this option. When this option is selected, this value will\n   * become the ButtonGroup's new `value`.\n   */\n  value: string;\n  /**\n   * The text or component to be rendered as this option's content.\n   */\n  children: ReactNode;\n  /** The test ID for this option. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button option for the ButtonGroup.\n *\n * API:\n *  - {@link ButtonGroupOptionProps}\n */\nButtonGroup.Option = function ButtonGroupOption({\n  value,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupOptionProps) {\n  const accessibleLabel = typeof children === \"string\" ? children : value;\n\n  return (\n    <RadixRadioGroup.Item\n      value={value}\n      className=\"proton-ButtonGroup__option\"\n      data-testid={testId || undefined}\n      aria-label={accessibleLabel}\n    >\n      {children}\n    </RadixRadioGroup.Item>\n  );\n};\n"],"names":["ButtonGroup","name","value","defaultValue","onChange","children","testId","isControlled","uncontrolledValue","setUncontrolledValue","useState","dataValue","jsx","RadixRadioGroup","v","accessibleLabel"],"mappings":"4NAuCO,SAASA,EAAY,CAC1B,KAAAC,EAAO,cACP,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,EAAqB,CACnB,MAAMC,EAAeL,IAAU,OACzB,CAACM,EAAmBC,CAAoB,EAAIC,EAAAA,SAChD,IAAMP,GAAgB,EAAA,EAElBQ,EAAYJ,EAAgBL,GAAS,GAAMM,EAEjD,OACEI,EAAAA,kBAAAA,IAACC,EAAAA,WAAgB,KAAhB,CACC,KAAAZ,EACA,MAAOM,EAAeL,EAAQ,OAC9B,aAAcK,EAAe,OAAYJ,EACzC,cAAgBW,GAAM,CACfP,GAAcE,EAAqBK,CAAC,EACzCV,GAAA,MAAAA,EAAWU,EACb,EACA,YAAY,aACZ,UAAU,qBACV,aAAYH,EACZ,cAAaL,EACb,aAAYL,EAEX,SAAAI,CAAA,CAAA,CAGP,CAEAL,EAAY,YAAc,sBAsB1BA,EAAY,OAAS,SAA2B,CAC9C,MAAAE,EACA,SAAAG,EACA,cAAeC,CACjB,EAA2B,CACzB,MAAMS,EAAkB,OAAOV,GAAa,SAAWA,EAAWH,EAElE,OACEU,EAAAA,kBAAAA,IAACC,EAAAA,WAAgB,KAAhB,CACC,MAAAX,EACA,UAAU,6BACV,cAAaI,GAAU,OACvB,aAAYS,EAEX,SAAAV,CAAA,CAAA,CAGP"}
+{"version":3,"file":"ButtonGroup.cjs.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useState } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\n\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps {\n  /**\n   * The name of the ButtonGroup.\n   */\n  name?: string;\n  /**\n   * The value of the currently selected option in the ButtonGroup. Providing\n   * this prop causes the component to become controlled.\n   */\n  value?: string;\n  /**\n   * The initially selected value of the ButtonGroup.\n   */\n  defaultValue?: string;\n  /**\n   * Called when the ButtonGroup's selected value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * The ButtonGroup.Option elements to be rendered as the selectable values.\n   */\n  children?: ReactNode;\n  /** The test ID for the component. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button group component that allows selection of a single option from multiple choices.\n *\n * API:\n *  - {@link ButtonGroupProps}\n */\nexport function ButtonGroup({\n  name = \"ButtonGroup\",\n  value,\n  defaultValue,\n  onChange,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupProps) {\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    () => defaultValue || \"\"\n  );\n  const dataValue = isControlled ? (value || \"\") : uncontrolledValue;\n\n  return (\n    <RadixRadioGroup.Root\n      name={name}\n      value={isControlled ? value : undefined}\n      defaultValue={isControlled ? undefined : defaultValue}\n      onValueChange={(v) => {\n        if (!isControlled) setUncontrolledValue(v);\n        onChange?.(v);\n      }}\n      orientation=\"horizontal\"\n      className=\"proton-ButtonGroup\"\n      data-value={dataValue}\n      data-testid={testId}\n      aria-label={name}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  );\n}\n\nButtonGroup.displayName = \"ProtonUIButtonGroup\";\n\nexport interface ButtonGroupOptionProps {\n  /**\n   * The value of this option. When this option is selected, this value will\n   * become the ButtonGroup's new `value`.\n   */\n  value: string;\n  /**\n   * The text or component to be rendered as this option's content.\n   */\n  children: ReactNode;\n  /** The test ID for this option. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button option for the ButtonGroup.\n *\n * API:\n *  - {@link ButtonGroupOptionProps}\n */\nButtonGroup.Option = function ButtonGroupOption({\n  value,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupOptionProps) {\n  const accessibleLabel = typeof children === \"string\" ? children : value;\n\n  return (\n    <RadixRadioGroup.Item\n      value={value}\n      className=\"proton-ButtonGroup__option\"\n      data-testid={testId || undefined}\n      aria-label={accessibleLabel}\n    >\n      {children}\n    </RadixRadioGroup.Item>\n  );\n};\n"],"names":["ButtonGroup","name","value","defaultValue","onChange","children","testId","isControlled","uncontrolledValue","setUncontrolledValue","useState","dataValue","jsx","RadixRadioGroup","v","accessibleLabel"],"mappings":"kMAuCO,SAASA,EAAY,CAC1B,KAAAC,EAAO,cACP,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,EAAqB,CACnB,MAAMC,EAAeL,IAAU,OACzB,CAACM,EAAmBC,CAAoB,EAAIC,EAAAA,SAChD,IAAMP,GAAgB,EAAA,EAElBQ,EAAYJ,EAAgBL,GAAS,GAAMM,EAEjD,OACEI,EAAAA,IAACC,EAAAA,WAAgB,KAAhB,CACC,KAAAZ,EACA,MAAOM,EAAeL,EAAQ,OAC9B,aAAcK,EAAe,OAAYJ,EACzC,cAAgBW,GAAM,CACfP,GAAcE,EAAqBK,CAAC,EACzCV,GAAA,MAAAA,EAAWU,EACb,EACA,YAAY,aACZ,UAAU,qBACV,aAAYH,EACZ,cAAaL,EACb,aAAYL,EAEX,SAAAI,CAAA,CAAA,CAGP,CAEAL,EAAY,YAAc,sBAsB1BA,EAAY,OAAS,SAA2B,CAC9C,MAAAE,EACA,SAAAG,EACA,cAAeC,CACjB,EAA2B,CACzB,MAAMS,EAAkB,OAAOV,GAAa,SAAWA,EAAWH,EAElE,OACEU,EAAAA,IAACC,EAAAA,WAAgB,KAAhB,CACC,MAAAX,EACA,UAAU,6BACV,cAAaI,GAAU,OACvB,aAAYS,EAEX,SAAAV,CAAA,CAAA,CAGP"}

package/dist/components/ButtonGroup/ButtonGroup.es.js

@@ -1,33 +1,33 @@
-import { j as u } from "../../node_modules/react/jsx-runtime.es.js";
+import { jsx as e } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { RadioGroup as e } from "radix-ui";
+import { RadioGroup as s } from "radix-ui";
 /* empty css                   */
 function p({
   name: i = "ButtonGroup",
   value: t,
   defaultValue: o,
   onChange: a,
-  children: s,
+  children: n,
   "data-testid": d
 }) {
-  const r = t !== void 0, [l, m] = f(
+  const r = t !== void 0, [l, c] = f(
     () => o || ""
-  ), c = r ? t || "" : l;
-  return /* @__PURE__ */ u.jsx(
-    e.Root,
+  ), m = r ? t || "" : l;
+  return /* @__PURE__ */ e(
+    s.Root,
     {
       name: i,
       value: r ? t : void 0,
       defaultValue: r ? void 0 : o,
-      onValueChange: (n) => {
-        r || m(n), a == null || a(n);
+      onValueChange: (u) => {
+        r || c(u), a == null || a(u);
       },
       orientation: "horizontal",
       className: "proton-ButtonGroup",
-      "data-value": c,
+      "data-value": m,
       "data-testid": d,
       "aria-label": i,
-      children: s
+      children: n
     }
   );
 }
@@ -37,14 +37,14 @@ p.Option = function({
   children: o,
   "data-testid": a
 }) {
-  const s = typeof o == "string" ? o : t;
-  return /* @__PURE__ */ u.jsx(
-    e.Item,
+  const n = typeof o == "string" ? o : t;
+  return /* @__PURE__ */ e(
+    s.Item,
     {
       value: t,
       className: "proton-ButtonGroup__option",
       "data-testid": a || void 0,
-      "aria-label": s,
+      "aria-label": n,
       children: o
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.es.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useState } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\n\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps {\n  /**\n   * The name of the ButtonGroup.\n   */\n  name?: string;\n  /**\n   * The value of the currently selected option in the ButtonGroup. Providing\n   * this prop causes the component to become controlled.\n   */\n  value?: string;\n  /**\n   * The initially selected value of the ButtonGroup.\n   */\n  defaultValue?: string;\n  /**\n   * Called when the ButtonGroup's selected value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * The ButtonGroup.Option elements to be rendered as the selectable values.\n   */\n  children?: ReactNode;\n  /** The test ID for the component. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button group component that allows selection of a single option from multiple choices.\n *\n * API:\n *  - {@link ButtonGroupProps}\n */\nexport function ButtonGroup({\n  name = \"ButtonGroup\",\n  value,\n  defaultValue,\n  onChange,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupProps) {\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    () => defaultValue || \"\"\n  );\n  const dataValue = isControlled ? (value || \"\") : uncontrolledValue;\n\n  return (\n    <RadixRadioGroup.Root\n      name={name}\n      value={isControlled ? value : undefined}\n      defaultValue={isControlled ? undefined : defaultValue}\n      onValueChange={(v) => {\n        if (!isControlled) setUncontrolledValue(v);\n        onChange?.(v);\n      }}\n      orientation=\"horizontal\"\n      className=\"proton-ButtonGroup\"\n      data-value={dataValue}\n      data-testid={testId}\n      aria-label={name}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  );\n}\n\nButtonGroup.displayName = \"ProtonUIButtonGroup\";\n\nexport interface ButtonGroupOptionProps {\n  /**\n   * The value of this option. When this option is selected, this value will\n   * become the ButtonGroup's new `value`.\n   */\n  value: string;\n  /**\n   * The text or component to be rendered as this option's content.\n   */\n  children: ReactNode;\n  /** The test ID for this option. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button option for the ButtonGroup.\n *\n * API:\n *  - {@link ButtonGroupOptionProps}\n */\nButtonGroup.Option = function ButtonGroupOption({\n  value,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupOptionProps) {\n  const accessibleLabel = typeof children === \"string\" ? children : value;\n\n  return (\n    <RadixRadioGroup.Item\n      value={value}\n      className=\"proton-ButtonGroup__option\"\n      data-testid={testId || undefined}\n      aria-label={accessibleLabel}\n    >\n      {children}\n    </RadixRadioGroup.Item>\n  );\n};\n"],"names":["ButtonGroup","name","value","defaultValue","onChange","children","testId","isControlled","uncontrolledValue","setUncontrolledValue","useState","dataValue","jsx","RadixRadioGroup","v","accessibleLabel"],"mappings":";;;;AAuCO,SAASA,EAAY;AAAA,EAC1B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,GAAqB;AACnB,QAAMC,IAAeL,MAAU,QACzB,CAACM,GAAmBC,CAAoB,IAAIC;AAAA,IAChD,MAAMP,KAAgB;AAAA,EAAA,GAElBQ,IAAYJ,IAAgBL,KAAS,KAAMM;AAEjD,SACEI,gBAAAA,EAAAA;AAAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,MAAAZ;AAAA,MACA,OAAOM,IAAeL,IAAQ;AAAA,MAC9B,cAAcK,IAAe,SAAYJ;AAAA,MACzC,eAAe,CAACW,MAAM;AACpB,QAAKP,KAAcE,EAAqBK,CAAC,GACzCV,KAAA,QAAAA,EAAWU;AAAA,MACb;AAAA,MACA,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,cAAYH;AAAA,MACZ,eAAaL;AAAA,MACb,cAAYL;AAAA,MAEX,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAL,EAAY,cAAc;AAsB1BA,EAAY,SAAS,SAA2B;AAAA,EAC9C,OAAAE;AAAA,EACA,UAAAG;AAAA,EACA,eAAeC;AACjB,GAA2B;AACzB,QAAMS,IAAkB,OAAOV,KAAa,WAAWA,IAAWH;AAElE,SACEU,gBAAAA,EAAAA;AAAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAAX;AAAA,MACA,WAAU;AAAA,MACV,eAAaI,KAAU;AAAA,MACvB,cAAYS;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"ButtonGroup.es.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode, useState } from \"react\";\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\";\n\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps {\n  /**\n   * The name of the ButtonGroup.\n   */\n  name?: string;\n  /**\n   * The value of the currently selected option in the ButtonGroup. Providing\n   * this prop causes the component to become controlled.\n   */\n  value?: string;\n  /**\n   * The initially selected value of the ButtonGroup.\n   */\n  defaultValue?: string;\n  /**\n   * Called when the ButtonGroup's selected value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * The ButtonGroup.Option elements to be rendered as the selectable values.\n   */\n  children?: ReactNode;\n  /** The test ID for the component. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button group component that allows selection of a single option from multiple choices.\n *\n * API:\n *  - {@link ButtonGroupProps}\n */\nexport function ButtonGroup({\n  name = \"ButtonGroup\",\n  value,\n  defaultValue,\n  onChange,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupProps) {\n  const isControlled = value !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    () => defaultValue || \"\"\n  );\n  const dataValue = isControlled ? (value || \"\") : uncontrolledValue;\n\n  return (\n    <RadixRadioGroup.Root\n      name={name}\n      value={isControlled ? value : undefined}\n      defaultValue={isControlled ? undefined : defaultValue}\n      onValueChange={(v) => {\n        if (!isControlled) setUncontrolledValue(v);\n        onChange?.(v);\n      }}\n      orientation=\"horizontal\"\n      className=\"proton-ButtonGroup\"\n      data-value={dataValue}\n      data-testid={testId}\n      aria-label={name}\n    >\n      {children}\n    </RadixRadioGroup.Root>\n  );\n}\n\nButtonGroup.displayName = \"ProtonUIButtonGroup\";\n\nexport interface ButtonGroupOptionProps {\n  /**\n   * The value of this option. When this option is selected, this value will\n   * become the ButtonGroup's new `value`.\n   */\n  value: string;\n  /**\n   * The text or component to be rendered as this option's content.\n   */\n  children: ReactNode;\n  /** The test ID for this option. */\n  \"data-testid\"?: string;\n}\n\n/**\n * A radio button option for the ButtonGroup.\n *\n * API:\n *  - {@link ButtonGroupOptionProps}\n */\nButtonGroup.Option = function ButtonGroupOption({\n  value,\n  children,\n  \"data-testid\": testId,\n}: ButtonGroupOptionProps) {\n  const accessibleLabel = typeof children === \"string\" ? children : value;\n\n  return (\n    <RadixRadioGroup.Item\n      value={value}\n      className=\"proton-ButtonGroup__option\"\n      data-testid={testId || undefined}\n      aria-label={accessibleLabel}\n    >\n      {children}\n    </RadixRadioGroup.Item>\n  );\n};\n"],"names":["ButtonGroup","name","value","defaultValue","onChange","children","testId","isControlled","uncontrolledValue","setUncontrolledValue","useState","dataValue","jsx","RadixRadioGroup","v","accessibleLabel"],"mappings":";;;;AAuCO,SAASA,EAAY;AAAA,EAC1B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,GAAqB;AACnB,QAAMC,IAAeL,MAAU,QACzB,CAACM,GAAmBC,CAAoB,IAAIC;AAAA,IAChD,MAAMP,KAAgB;AAAA,EAAA,GAElBQ,IAAYJ,IAAgBL,KAAS,KAAMM;AAEjD,SACE,gBAAAI;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,MAAAZ;AAAA,MACA,OAAOM,IAAeL,IAAQ;AAAA,MAC9B,cAAcK,IAAe,SAAYJ;AAAA,MACzC,eAAe,CAACW,MAAM;AACpB,QAAKP,KAAcE,EAAqBK,CAAC,GACzCV,KAAA,QAAAA,EAAWU;AAAA,MACb;AAAA,MACA,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,cAAYH;AAAA,MACZ,eAAaL;AAAA,MACb,cAAYL;AAAA,MAEX,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAL,EAAY,cAAc;AAsB1BA,EAAY,SAAS,SAA2B;AAAA,EAC9C,OAAAE;AAAA,EACA,UAAAG;AAAA,EACA,eAAeC;AACjB,GAA2B;AACzB,QAAMS,IAAkB,OAAOV,KAAa,WAAWA,IAAWH;AAElE,SACE,gBAAAU;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAAX;AAAA,MACA,WAAU;AAAA,MACV,eAAaI,KAAU;AAAA,MACvB,cAAYS;AAAA,MAEX,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ButtonWithSelect/ButtonWithSelect.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"),R=require("react"),s=require("../Button/Button.cjs.js"),S=require("../Icon/IconComponents/ChevronDown.cjs.js"),E=require("../Menu/MenuTrigger.cjs.js");;/* empty css                          */const u=44;function x({items:e,defaultValue:i,children:l,onSelectionChange:d,disabledKeys:a,selectedKey:g,icon:j,variant:o,fullWidth:r,onPress:h,...n}){const m=r?u/2:0;return t.jsxRuntimeExports.jsxs("div",{className:"proton-ButtonWithSelect",children:[t.jsxRuntimeExports.jsx("div",{className:"proton-ButtonWithSelect__button",style:{"--proton-button-text-shift":`${m}px`,"--flex":r?1:0},children:t.jsxRuntimeExports.jsx(s.Button,{...n,onPress:h,icon:j,fullWidth:r,variant:o,"data-testid":"ButtonWithSelect-Button",children:l})}),t.jsxRuntimeExports.jsx(E.MenuTrigger,{items:e,disabled:n.isDisabled,disabledKeys:a,onSelectionChange:d,selectedKey:g,renderTrigger:({isOpen:p,setIsOpen:B})=>t.jsxRuntimeExports.jsx(c,{...n,variant:o,onPress:()=>{B(!p)}})})]})}x.displayName="ProtonUIButtonWithSelect";const c=R.forwardRef((e,i)=>t.jsxRuntimeExports.jsx("div",{className:"proton-ButtonWithSelect__trigger",style:{"--trigger-width":`${u}px`},children:t.jsxRuntimeExports.jsx(s.Button,{...e,to:void 0,"data-testid":"ButtonWithSelect-Trigger",ref:i,children:t.jsxRuntimeExports.jsx("div",{className:"proton-ButtonWithSelect__trigger-content",children:t.jsxRuntimeExports.jsx(S.ChevronDown,{size:16})})})}));c.displayName="ProtonUIButtonWithSelectTrigger";exports.ButtonWithSelect=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),W=require("react"),s=require("../Button/Button.cjs.js"),m=require("../Icon/IconComponents/ChevronDown.cjs.js"),p=require("../Menu/MenuTrigger.cjs.js");;/* empty css                          */const c=44;function u({items:e,defaultValue:o,children:d,onSelectionChange:a,disabledKeys:g,selectedKey:h,icon:x,variant:i,fullWidth:r,onPress:B,...n}){const S=r?c/2:0;return t.jsxs("div",{className:"proton-ButtonWithSelect",children:[t.jsx("div",{className:"proton-ButtonWithSelect__button",style:{"--proton-button-text-shift":`${S}px`,"--flex":r?1:0},children:t.jsx(s.Button,{...n,onPress:B,icon:x,fullWidth:r,variant:i,"data-testid":"ButtonWithSelect-Button",children:d})}),t.jsx(p.MenuTrigger,{items:e,disabled:n.isDisabled,disabledKeys:g,onSelectionChange:a,selectedKey:h,renderTrigger:({isOpen:j,setIsOpen:T})=>t.jsx(l,{...n,variant:i,onPress:()=>{T(!j)}})})]})}u.displayName="ProtonUIButtonWithSelect";const l=W.forwardRef((e,o)=>t.jsx("div",{className:"proton-ButtonWithSelect__trigger",style:{"--trigger-width":`${c}px`},children:t.jsx(s.Button,{...e,to:void 0,"data-testid":"ButtonWithSelect-Trigger",ref:o,children:t.jsx("div",{className:"proton-ButtonWithSelect__trigger-content",children:t.jsx(m.ChevronDown,{size:16})})})}));l.displayName="ProtonUIButtonWithSelectTrigger";exports.ButtonWithSelect=u;
 //# sourceMappingURL=ButtonWithSelect.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithSelect.cjs.js","sources":["../../../src/components/ButtonWithSelect/ButtonWithSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { ChevronDown } from \"../Icon/IconComponents/ChevronDown\";\nimport { MenuTrigger } from \"../Menu/MenuTrigger\";\nimport type { ActionMenuAction } from \"../ActionMenu/ActionMenu\";\n\nimport \"./ButtonWithSelect.css\";\n\nconst FIXED_TRIGGER_WIDTH = 44;\n\ninterface ButtonWithSelectProps extends ButtonProps {\n  /**\n   * The default value of the select menu.\n   */\n  defaultValue?: string;\n  /**\n   * The keys of the disabled items.\n   */\n  disabledKeys?: string[];\n  /**\n   * The items to display in the select menu.\n   * - type {@link ActionMenuAction}\n   */\n  items: ActionMenuAction[];\n  /**\n   * The callback function to call when the selection changes.\n   */\n  onSelectionChange?: (key: string) => void;\n  /**\n   * The key of the selected item.\n   */\n  selectedKey?: string;\n}\n\n/**\n * A button with a select menu.\n *\n * API:\n *  - {@link ButtonWithSelectProps}\n *  - extends {@link ButtonProps}\n */\nexport function ButtonWithSelect({\n  items,\n  defaultValue,\n  children,\n  onSelectionChange,\n  disabledKeys,\n  selectedKey,\n  icon,\n  variant,\n  fullWidth,\n  onPress,\n  ...buttonProps\n}: ButtonWithSelectProps) {\n  const textShift = fullWidth ? FIXED_TRIGGER_WIDTH / 2 : 0;\n\n  return (\n    <div className=\"proton-ButtonWithSelect\">\n      <div\n        className=\"proton-ButtonWithSelect__button\"\n        style={\n          {\n            \"--proton-button-text-shift\": `${textShift}px`,\n            \"--flex\": fullWidth ? 1 : 0,\n          } as React.CSSProperties\n        }\n      >\n        <Button\n          {...buttonProps}\n          onPress={onPress}\n          icon={icon}\n          fullWidth={fullWidth}\n          variant={variant}\n          data-testid=\"ButtonWithSelect-Button\"\n        >\n          {children}\n        </Button>\n      </div>\n\n      <MenuTrigger\n        items={items}\n        disabled={buttonProps.isDisabled}\n        disabledKeys={disabledKeys}\n        onSelectionChange={onSelectionChange}\n        selectedKey={selectedKey}\n        renderTrigger={({ isOpen, setIsOpen }) => {\n          return (\n            <TriggerButton\n              {...buttonProps}\n              variant={variant}\n              onPress={() => {\n                setIsOpen(!isOpen);\n              }}\n            />\n          );\n        }}\n      />\n    </div>\n  );\n}\n\nButtonWithSelect.displayName = \"ProtonUIButtonWithSelect\";\n\nconst TriggerButton = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>((props, ref) => {\n  return (\n    <div\n      className=\"proton-ButtonWithSelect__trigger\"\n      style={\n        {\n          \"--trigger-width\": `${FIXED_TRIGGER_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      <Button {...{ ...props, to: undefined }} data-testid=\"ButtonWithSelect-Trigger\" ref={ref}>\n        <div className=\"proton-ButtonWithSelect__trigger-content\">\n          <ChevronDown size={16} />\n        </div>\n      </Button>\n    </div>\n  );\n});\n\nTriggerButton.displayName = \"ProtonUIButtonWithSelectTrigger\";\n"],"names":["FIXED_TRIGGER_WIDTH","ButtonWithSelect","items","defaultValue","children","onSelectionChange","disabledKeys","selectedKey","icon","variant","fullWidth","onPress","buttonProps","textShift","jsxs","jsx","Button","MenuTrigger","isOpen","setIsOpen","TriggerButton","React","props","ref","ChevronDown"],"mappings":"+UAQA,MAAMA,EAAsB,GAiCrB,SAASC,EAAiB,CAC/B,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAYH,EAAYV,EAAsB,EAAI,EAExD,OACEc,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,kCACV,MACE,CACE,6BAA8B,GAAGF,CAAS,KAC1C,SAAUH,EAAY,EAAI,CAAA,EAI9B,SAAAK,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACE,GAAGJ,EACJ,QAAAD,EACA,KAAAH,EACA,UAAAE,EACA,QAAAD,EACA,cAAY,0BAEX,SAAAL,CAAA,CAAA,CACH,CAAA,EAGFW,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CACC,MAAAf,EACA,SAAUU,EAAY,WACtB,aAAAN,EACA,kBAAAD,EACA,YAAAE,EACA,cAAe,CAAC,CAAE,OAAAW,EAAQ,UAAAC,KAEtBJ,EAAAA,kBAAAA,IAACK,EAAA,CACE,GAAGR,EACJ,QAAAH,EACA,QAAS,IAAM,CACbU,EAAU,CAACD,CAAM,CACnB,CAAA,CAAA,CAGN,CAAA,CACF,EACF,CAEJ,CAEAjB,EAAiB,YAAc,2BAE/B,MAAMmB,EAAgBC,EAAM,WAG1B,CAACC,EAAOC,IAENR,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,mCACV,MACE,CACE,kBAAmB,GAAGf,CAAmB,IAAA,EAI7C,SAAAe,EAAAA,kBAAAA,IAACC,UAAa,GAAGM,EAAO,GAAI,OAAa,cAAY,2BAA2B,IAAAC,EAC9E,SAAAR,EAAAA,kBAAAA,IAAC,OAAI,UAAU,2CACb,iCAACS,EAAAA,YAAA,CAAY,KAAM,EAAA,CAAI,CAAA,CACzB,CAAA,CACF,CAAA,CAAA,CAGL,EAEDJ,EAAc,YAAc"}
+{"version":3,"file":"ButtonWithSelect.cjs.js","sources":["../../../src/components/ButtonWithSelect/ButtonWithSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { ChevronDown } from \"../Icon/IconComponents/ChevronDown\";\nimport { MenuTrigger } from \"../Menu/MenuTrigger\";\nimport type { ActionMenuAction } from \"../ActionMenu/ActionMenu\";\n\nimport \"./ButtonWithSelect.css\";\n\nconst FIXED_TRIGGER_WIDTH = 44;\n\ninterface ButtonWithSelectProps extends ButtonProps {\n  /**\n   * The default value of the select menu.\n   */\n  defaultValue?: string;\n  /**\n   * The keys of the disabled items.\n   */\n  disabledKeys?: string[];\n  /**\n   * The items to display in the select menu.\n   * - type {@link ActionMenuAction}\n   */\n  items: ActionMenuAction[];\n  /**\n   * The callback function to call when the selection changes.\n   */\n  onSelectionChange?: (key: string) => void;\n  /**\n   * The key of the selected item.\n   */\n  selectedKey?: string;\n}\n\n/**\n * A button with a select menu.\n *\n * API:\n *  - {@link ButtonWithSelectProps}\n *  - extends {@link ButtonProps}\n */\nexport function ButtonWithSelect({\n  items,\n  defaultValue,\n  children,\n  onSelectionChange,\n  disabledKeys,\n  selectedKey,\n  icon,\n  variant,\n  fullWidth,\n  onPress,\n  ...buttonProps\n}: ButtonWithSelectProps) {\n  const textShift = fullWidth ? FIXED_TRIGGER_WIDTH / 2 : 0;\n\n  return (\n    <div className=\"proton-ButtonWithSelect\">\n      <div\n        className=\"proton-ButtonWithSelect__button\"\n        style={\n          {\n            \"--proton-button-text-shift\": `${textShift}px`,\n            \"--flex\": fullWidth ? 1 : 0,\n          } as React.CSSProperties\n        }\n      >\n        <Button\n          {...buttonProps}\n          onPress={onPress}\n          icon={icon}\n          fullWidth={fullWidth}\n          variant={variant}\n          data-testid=\"ButtonWithSelect-Button\"\n        >\n          {children}\n        </Button>\n      </div>\n\n      <MenuTrigger\n        items={items}\n        disabled={buttonProps.isDisabled}\n        disabledKeys={disabledKeys}\n        onSelectionChange={onSelectionChange}\n        selectedKey={selectedKey}\n        renderTrigger={({ isOpen, setIsOpen }) => {\n          return (\n            <TriggerButton\n              {...buttonProps}\n              variant={variant}\n              onPress={() => {\n                setIsOpen(!isOpen);\n              }}\n            />\n          );\n        }}\n      />\n    </div>\n  );\n}\n\nButtonWithSelect.displayName = \"ProtonUIButtonWithSelect\";\n\nconst TriggerButton = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>((props, ref) => {\n  return (\n    <div\n      className=\"proton-ButtonWithSelect__trigger\"\n      style={\n        {\n          \"--trigger-width\": `${FIXED_TRIGGER_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      <Button {...{ ...props, to: undefined }} data-testid=\"ButtonWithSelect-Trigger\" ref={ref}>\n        <div className=\"proton-ButtonWithSelect__trigger-content\">\n          <ChevronDown size={16} />\n        </div>\n      </Button>\n    </div>\n  );\n});\n\nTriggerButton.displayName = \"ProtonUIButtonWithSelectTrigger\";\n"],"names":["FIXED_TRIGGER_WIDTH","ButtonWithSelect","items","defaultValue","children","onSelectionChange","disabledKeys","selectedKey","icon","variant","fullWidth","onPress","buttonProps","textShift","jsxs","jsx","Button","MenuTrigger","isOpen","setIsOpen","TriggerButton","React","props","ref","ChevronDown"],"mappings":"qTAQA,MAAMA,EAAsB,GAiCrB,SAASC,EAAiB,CAC/B,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAYH,EAAYV,EAAsB,EAAI,EAExD,OACEc,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAU,kCACV,MACE,CACE,6BAA8B,GAAGF,CAAS,KAC1C,SAAUH,EAAY,EAAI,CAAA,EAI9B,SAAAK,EAAAA,IAACC,EAAAA,OAAA,CACE,GAAGJ,EACJ,QAAAD,EACA,KAAAH,EACA,UAAAE,EACA,QAAAD,EACA,cAAY,0BAEX,SAAAL,CAAA,CAAA,CACH,CAAA,EAGFW,EAAAA,IAACE,EAAAA,YAAA,CACC,MAAAf,EACA,SAAUU,EAAY,WACtB,aAAAN,EACA,kBAAAD,EACA,YAAAE,EACA,cAAe,CAAC,CAAE,OAAAW,EAAQ,UAAAC,KAEtBJ,EAAAA,IAACK,EAAA,CACE,GAAGR,EACJ,QAAAH,EACA,QAAS,IAAM,CACbU,EAAU,CAACD,CAAM,CACnB,CAAA,CAAA,CAGN,CAAA,CACF,EACF,CAEJ,CAEAjB,EAAiB,YAAc,2BAE/B,MAAMmB,EAAgBC,EAAM,WAG1B,CAACC,EAAOC,IAENR,EAAAA,IAAC,MAAA,CACC,UAAU,mCACV,MACE,CACE,kBAAmB,GAAGf,CAAmB,IAAA,EAI7C,SAAAe,EAAAA,IAACC,UAAa,GAAGM,EAAO,GAAI,OAAa,cAAY,2BAA2B,IAAAC,EAC9E,SAAAR,EAAAA,IAAC,OAAI,UAAU,2CACb,eAACS,EAAAA,YAAA,CAAY,KAAM,EAAA,CAAI,CAAA,CACzB,CAAA,CACF,CAAA,CAAA,CAGL,EAEDJ,EAAc,YAAc"}

package/dist/components/ButtonWithSelect/ButtonWithSelect.es.js

@@ -1,39 +1,39 @@
-import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
-import j from "react";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import x from "react";
 import { Button as s } from "../Button/Button.es.js";
-import { ChevronDown as f } from "../Icon/IconComponents/ChevronDown.es.js";
-import { MenuTrigger as S } from "../Menu/MenuTrigger.es.js";
+import { ChevronDown as W } from "../Icon/IconComponents/ChevronDown.es.js";
+import { MenuTrigger as _ } from "../Menu/MenuTrigger.es.js";
 /* empty css                        */
 const c = 44;
-function W({
+function T({
   items: e,
   defaultValue: i,
   children: d,
   onSelectionChange: a,
-  disabledKeys: u,
-  selectedKey: m,
-  icon: x,
+  disabledKeys: m,
+  selectedKey: u,
+  icon: g,
   variant: n,
   fullWidth: r,
-  onPress: g,
+  onPress: h,
   ...o
 }) {
-  const h = r ? c / 2 : 0;
-  return /* @__PURE__ */ t.jsxs("div", { className: "proton-ButtonWithSelect", children: [
-    /* @__PURE__ */ t.jsx(
+  const p = r ? c / 2 : 0;
+  return /* @__PURE__ */ S("div", { className: "proton-ButtonWithSelect", children: [
+    /* @__PURE__ */ t(
       "div",
       {
         className: "proton-ButtonWithSelect__button",
         style: {
-          "--proton-button-text-shift": `${h}px`,
+          "--proton-button-text-shift": `${p}px`,
           "--flex": r ? 1 : 0
         },
-        children: /* @__PURE__ */ t.jsx(
+        children: /* @__PURE__ */ t(
           s,
           {
             ...o,
-            onPress: g,
-            icon: x,
+            onPress: h,
+            icon: g,
             fullWidth: r,
             variant: n,
             "data-testid": "ButtonWithSelect-Button",
@@ -42,21 +42,21 @@ function W({
         )
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      S,
+    /* @__PURE__ */ t(
+      _,
       {
         items: e,
         disabled: o.isDisabled,
-        disabledKeys: u,
+        disabledKeys: m,
         onSelectionChange: a,
-        selectedKey: m,
-        renderTrigger: ({ isOpen: p, setIsOpen: B }) => /* @__PURE__ */ t.jsx(
+        selectedKey: u,
+        renderTrigger: ({ isOpen: B, setIsOpen: f }) => /* @__PURE__ */ t(
           l,
           {
             ...o,
             variant: n,
             onPress: () => {
-              B(!p);
+              f(!B);
             }
           }
         )
@@ -64,19 +64,19 @@ function W({
     )
   ] });
 }
-W.displayName = "ProtonUIButtonWithSelect";
-const l = j.forwardRef((e, i) => /* @__PURE__ */ t.jsx(
+T.displayName = "ProtonUIButtonWithSelect";
+const l = x.forwardRef((e, i) => /* @__PURE__ */ t(
   "div",
   {
     className: "proton-ButtonWithSelect__trigger",
     style: {
       "--trigger-width": `${c}px`
     },
-    children: /* @__PURE__ */ t.jsx(s, { ...e, to: void 0, "data-testid": "ButtonWithSelect-Trigger", ref: i, children: /* @__PURE__ */ t.jsx("div", { className: "proton-ButtonWithSelect__trigger-content", children: /* @__PURE__ */ t.jsx(f, { size: 16 }) }) })
+    children: /* @__PURE__ */ t(s, { ...e, to: void 0, "data-testid": "ButtonWithSelect-Trigger", ref: i, children: /* @__PURE__ */ t("div", { className: "proton-ButtonWithSelect__trigger-content", children: /* @__PURE__ */ t(W, { size: 16 }) }) })
   }
 ));
 l.displayName = "ProtonUIButtonWithSelectTrigger";
 export {
-  W as ButtonWithSelect
+  T as ButtonWithSelect
 };
 //# sourceMappingURL=ButtonWithSelect.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithSelect.es.js","sources":["../../../src/components/ButtonWithSelect/ButtonWithSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { ChevronDown } from \"../Icon/IconComponents/ChevronDown\";\nimport { MenuTrigger } from \"../Menu/MenuTrigger\";\nimport type { ActionMenuAction } from \"../ActionMenu/ActionMenu\";\n\nimport \"./ButtonWithSelect.css\";\n\nconst FIXED_TRIGGER_WIDTH = 44;\n\ninterface ButtonWithSelectProps extends ButtonProps {\n  /**\n   * The default value of the select menu.\n   */\n  defaultValue?: string;\n  /**\n   * The keys of the disabled items.\n   */\n  disabledKeys?: string[];\n  /**\n   * The items to display in the select menu.\n   * - type {@link ActionMenuAction}\n   */\n  items: ActionMenuAction[];\n  /**\n   * The callback function to call when the selection changes.\n   */\n  onSelectionChange?: (key: string) => void;\n  /**\n   * The key of the selected item.\n   */\n  selectedKey?: string;\n}\n\n/**\n * A button with a select menu.\n *\n * API:\n *  - {@link ButtonWithSelectProps}\n *  - extends {@link ButtonProps}\n */\nexport function ButtonWithSelect({\n  items,\n  defaultValue,\n  children,\n  onSelectionChange,\n  disabledKeys,\n  selectedKey,\n  icon,\n  variant,\n  fullWidth,\n  onPress,\n  ...buttonProps\n}: ButtonWithSelectProps) {\n  const textShift = fullWidth ? FIXED_TRIGGER_WIDTH / 2 : 0;\n\n  return (\n    <div className=\"proton-ButtonWithSelect\">\n      <div\n        className=\"proton-ButtonWithSelect__button\"\n        style={\n          {\n            \"--proton-button-text-shift\": `${textShift}px`,\n            \"--flex\": fullWidth ? 1 : 0,\n          } as React.CSSProperties\n        }\n      >\n        <Button\n          {...buttonProps}\n          onPress={onPress}\n          icon={icon}\n          fullWidth={fullWidth}\n          variant={variant}\n          data-testid=\"ButtonWithSelect-Button\"\n        >\n          {children}\n        </Button>\n      </div>\n\n      <MenuTrigger\n        items={items}\n        disabled={buttonProps.isDisabled}\n        disabledKeys={disabledKeys}\n        onSelectionChange={onSelectionChange}\n        selectedKey={selectedKey}\n        renderTrigger={({ isOpen, setIsOpen }) => {\n          return (\n            <TriggerButton\n              {...buttonProps}\n              variant={variant}\n              onPress={() => {\n                setIsOpen(!isOpen);\n              }}\n            />\n          );\n        }}\n      />\n    </div>\n  );\n}\n\nButtonWithSelect.displayName = \"ProtonUIButtonWithSelect\";\n\nconst TriggerButton = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>((props, ref) => {\n  return (\n    <div\n      className=\"proton-ButtonWithSelect__trigger\"\n      style={\n        {\n          \"--trigger-width\": `${FIXED_TRIGGER_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      <Button {...{ ...props, to: undefined }} data-testid=\"ButtonWithSelect-Trigger\" ref={ref}>\n        <div className=\"proton-ButtonWithSelect__trigger-content\">\n          <ChevronDown size={16} />\n        </div>\n      </Button>\n    </div>\n  );\n});\n\nTriggerButton.displayName = \"ProtonUIButtonWithSelectTrigger\";\n"],"names":["FIXED_TRIGGER_WIDTH","ButtonWithSelect","items","defaultValue","children","onSelectionChange","disabledKeys","selectedKey","icon","variant","fullWidth","onPress","buttonProps","textShift","jsxs","jsx","Button","MenuTrigger","isOpen","setIsOpen","TriggerButton","React","props","ref","ChevronDown"],"mappings":";;;;;;AAQA,MAAMA,IAAsB;AAiCrB,SAASC,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAYH,IAAYV,IAAsB,IAAI;AAExD,SACEc,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OACE;AAAA,UACE,8BAA8B,GAAGF,CAAS;AAAA,UAC1C,UAAUH,IAAY,IAAI;AAAA,QAAA;AAAA,QAI9B,UAAAK,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGJ;AAAA,YACJ,SAAAD;AAAA,YACA,MAAAH;AAAA,YACA,WAAAE;AAAA,YACA,SAAAD;AAAA,YACA,eAAY;AAAA,YAEX,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAGFW,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,UAAUU,EAAY;AAAA,QACtB,cAAAN;AAAA,QACA,mBAAAD;AAAA,QACA,aAAAE;AAAA,QACA,eAAe,CAAC,EAAE,QAAAW,GAAQ,WAAAC,QAEtBJ,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,SAAAH;AAAA,YACA,SAAS,MAAM;AACb,cAAAU,EAAU,CAACD,CAAM;AAAA,YACnB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEAjB,EAAiB,cAAc;AAE/B,MAAMmB,IAAgBC,EAAM,WAG1B,CAACC,GAAOC,MAENR,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OACE;AAAA,MACE,mBAAmB,GAAGf,CAAmB;AAAA,IAAA;AAAA,IAI7C,UAAAe,gBAAAA,EAAAA,IAACC,KAAa,GAAGM,GAAO,IAAI,QAAa,eAAY,4BAA2B,KAAAC,GAC9E,UAAAR,gBAAAA,EAAAA,IAAC,SAAI,WAAU,4CACb,gCAACS,GAAA,EAAY,MAAM,GAAA,CAAI,EAAA,CACzB,EAAA,CACF;AAAA,EAAA;AAAA,CAGL;AAEDJ,EAAc,cAAc;"}
+{"version":3,"file":"ButtonWithSelect.es.js","sources":["../../../src/components/ButtonWithSelect/ButtonWithSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { ChevronDown } from \"../Icon/IconComponents/ChevronDown\";\nimport { MenuTrigger } from \"../Menu/MenuTrigger\";\nimport type { ActionMenuAction } from \"../ActionMenu/ActionMenu\";\n\nimport \"./ButtonWithSelect.css\";\n\nconst FIXED_TRIGGER_WIDTH = 44;\n\ninterface ButtonWithSelectProps extends ButtonProps {\n  /**\n   * The default value of the select menu.\n   */\n  defaultValue?: string;\n  /**\n   * The keys of the disabled items.\n   */\n  disabledKeys?: string[];\n  /**\n   * The items to display in the select menu.\n   * - type {@link ActionMenuAction}\n   */\n  items: ActionMenuAction[];\n  /**\n   * The callback function to call when the selection changes.\n   */\n  onSelectionChange?: (key: string) => void;\n  /**\n   * The key of the selected item.\n   */\n  selectedKey?: string;\n}\n\n/**\n * A button with a select menu.\n *\n * API:\n *  - {@link ButtonWithSelectProps}\n *  - extends {@link ButtonProps}\n */\nexport function ButtonWithSelect({\n  items,\n  defaultValue,\n  children,\n  onSelectionChange,\n  disabledKeys,\n  selectedKey,\n  icon,\n  variant,\n  fullWidth,\n  onPress,\n  ...buttonProps\n}: ButtonWithSelectProps) {\n  const textShift = fullWidth ? FIXED_TRIGGER_WIDTH / 2 : 0;\n\n  return (\n    <div className=\"proton-ButtonWithSelect\">\n      <div\n        className=\"proton-ButtonWithSelect__button\"\n        style={\n          {\n            \"--proton-button-text-shift\": `${textShift}px`,\n            \"--flex\": fullWidth ? 1 : 0,\n          } as React.CSSProperties\n        }\n      >\n        <Button\n          {...buttonProps}\n          onPress={onPress}\n          icon={icon}\n          fullWidth={fullWidth}\n          variant={variant}\n          data-testid=\"ButtonWithSelect-Button\"\n        >\n          {children}\n        </Button>\n      </div>\n\n      <MenuTrigger\n        items={items}\n        disabled={buttonProps.isDisabled}\n        disabledKeys={disabledKeys}\n        onSelectionChange={onSelectionChange}\n        selectedKey={selectedKey}\n        renderTrigger={({ isOpen, setIsOpen }) => {\n          return (\n            <TriggerButton\n              {...buttonProps}\n              variant={variant}\n              onPress={() => {\n                setIsOpen(!isOpen);\n              }}\n            />\n          );\n        }}\n      />\n    </div>\n  );\n}\n\nButtonWithSelect.displayName = \"ProtonUIButtonWithSelect\";\n\nconst TriggerButton = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonProps\n>((props, ref) => {\n  return (\n    <div\n      className=\"proton-ButtonWithSelect__trigger\"\n      style={\n        {\n          \"--trigger-width\": `${FIXED_TRIGGER_WIDTH}px`,\n        } as React.CSSProperties\n      }\n    >\n      <Button {...{ ...props, to: undefined }} data-testid=\"ButtonWithSelect-Trigger\" ref={ref}>\n        <div className=\"proton-ButtonWithSelect__trigger-content\">\n          <ChevronDown size={16} />\n        </div>\n      </Button>\n    </div>\n  );\n});\n\nTriggerButton.displayName = \"ProtonUIButtonWithSelectTrigger\";\n"],"names":["FIXED_TRIGGER_WIDTH","ButtonWithSelect","items","defaultValue","children","onSelectionChange","disabledKeys","selectedKey","icon","variant","fullWidth","onPress","buttonProps","textShift","jsxs","jsx","Button","MenuTrigger","isOpen","setIsOpen","TriggerButton","React","props","ref","ChevronDown"],"mappings":";;;;;;AAQA,MAAMA,IAAsB;AAiCrB,SAASC,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAYH,IAAYV,IAAsB,IAAI;AAExD,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OACE;AAAA,UACE,8BAA8B,GAAGF,CAAS;AAAA,UAC1C,UAAUH,IAAY,IAAI;AAAA,QAAA;AAAA,QAI9B,UAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGJ;AAAA,YACJ,SAAAD;AAAA,YACA,MAAAH;AAAA,YACA,WAAAE;AAAA,YACA,SAAAD;AAAA,YACA,eAAY;AAAA,YAEX,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAGF,gBAAAW;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,UAAUU,EAAY;AAAA,QACtB,cAAAN;AAAA,QACA,mBAAAD;AAAA,QACA,aAAAE;AAAA,QACA,eAAe,CAAC,EAAE,QAAAW,GAAQ,WAAAC,QAEtB,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAGR;AAAA,YACJ,SAAAH;AAAA,YACA,SAAS,MAAM;AACb,cAAAU,EAAU,CAACD,CAAM;AAAA,YACnB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAEAjB,EAAiB,cAAc;AAE/B,MAAMmB,IAAgBC,EAAM,WAG1B,CAACC,GAAOC,MAEN,gBAAAR;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OACE;AAAA,MACE,mBAAmB,GAAGf,CAAmB;AAAA,IAAA;AAAA,IAI7C,UAAA,gBAAAe,EAACC,KAAa,GAAGM,GAAO,IAAI,QAAa,eAAY,4BAA2B,KAAAC,GAC9E,UAAA,gBAAAR,EAAC,SAAI,WAAU,4CACb,4BAACS,GAAA,EAAY,MAAM,GAAA,CAAI,EAAA,CACzB,EAAA,CACF;AAAA,EAAA;AAAA,CAGL;AAEDJ,EAAc,cAAc;"}

package/dist/components/Checkbox/CheckboxIndicator.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../node_modules/react/jsx-runtime.cjs.js");;/* empty css                           */const e=require("../../utils/string.cjs.js"),r=({round:t=!1})=>t?o.jsxRuntimeExports.jsx("span",{className:e.csx("proton-CheckboxIndicator","proton-CheckboxIndicator--round"),"aria-hidden":!0,children:o.jsxRuntimeExports.jsx("span",{className:"proton-CheckboxIndicator__dot"})}):o.jsxRuntimeExports.jsx("svg",{className:e.csx("proton-CheckboxIndicator","proton-CheckboxIndicator--checkmark"),viewBox:"0 0 20 18","aria-hidden":!0,children:o.jsxRuntimeExports.jsx("path",{className:"proton-CheckboxIndicator__path",d:"M4 10l4 4 10-10",fill:"none",stroke:"currentColor",strokeWidth:"2.86",strokeLinecap:"round",strokeLinejoin:"round",pathLength:1})});r.displayName="ProtonUICheckboxIndicator";exports.CheckboxIndicator=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");;/* empty css                           */const e=require("../../utils/string.cjs.js"),r=({round:t=!1})=>t?o.jsx("span",{className:e.csx("proton-CheckboxIndicator","proton-CheckboxIndicator--round"),"aria-hidden":!0,children:o.jsx("span",{className:"proton-CheckboxIndicator__dot"})}):o.jsx("svg",{className:e.csx("proton-CheckboxIndicator","proton-CheckboxIndicator--checkmark"),viewBox:"0 0 20 18","aria-hidden":!0,children:o.jsx("path",{className:"proton-CheckboxIndicator__path",d:"M4 10l4 4 10-10",fill:"none",stroke:"currentColor",strokeWidth:"2.86",strokeLinecap:"round",strokeLinejoin:"round",pathLength:1})});r.displayName="ProtonUICheckboxIndicator";exports.CheckboxIndicator=r;
 //# sourceMappingURL=CheckboxIndicator.cjs.js.map

package/dist/components/Checkbox/CheckboxIndicator.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIndicator.cjs.js","sources":["../../../src/components/Checkbox/CheckboxIndicator.tsx"],"sourcesContent":["\"use client\";\n\nimport { csx } from \"../../utils\";\nimport \"./CheckboxIndicator.css\";\n\nexport interface CheckboxIndicatorProps {\n  /**\n   * When true, show a round dot indicator.\n   * @default false\n   */\n  round?: boolean;\n}\n\n/**\n * Visual indicator for checkbox checked state.\n * @note Visibility is driven by parent checked state via CSS.\n */\nexport const CheckboxIndicator = ({\n  round = false,\n}: CheckboxIndicatorProps) => {\n  if (round) {\n    return (\n      <span\n        className={csx(\n          \"proton-CheckboxIndicator\",\n          \"proton-CheckboxIndicator--round\",\n        )}\n        aria-hidden\n      >\n        <span className=\"proton-CheckboxIndicator__dot\" />\n      </span>\n    );\n  }\n\n  return (\n    <svg\n      className={csx(\n        \"proton-CheckboxIndicator\",\n        \"proton-CheckboxIndicator--checkmark\",\n      )}\n      viewBox=\"0 0 20 18\"\n      aria-hidden\n    >\n      <path\n        className=\"proton-CheckboxIndicator__path\"\n        d=\"M4 10l4 4 10-10\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.86\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        pathLength={1}\n      />\n    </svg>\n  );\n};\n\nCheckboxIndicator.displayName = \"ProtonUICheckboxIndicator\";\n"],"names":["CheckboxIndicator","round","jsx","csx"],"mappings":"sOAiBaA,EAAoB,CAAC,CAChC,MAAAC,EAAQ,EACV,IACMA,EAEAC,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,IACT,2BACA,iCAAA,EAEF,cAAW,GAEX,SAAAD,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,+BAAA,CAAgC,CAAA,CAAA,EAMpDA,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,IACT,2BACA,qCAAA,EAEF,QAAQ,YACR,cAAW,GAEX,SAAAD,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAU,iCACV,EAAE,kBACF,KAAK,OACL,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACf,WAAY,CAAA,CAAA,CACd,CAAA,EAKNF,EAAkB,YAAc"}
+{"version":3,"file":"CheckboxIndicator.cjs.js","sources":["../../../src/components/Checkbox/CheckboxIndicator.tsx"],"sourcesContent":["\"use client\";\n\nimport { csx } from \"../../utils\";\nimport \"./CheckboxIndicator.css\";\n\nexport interface CheckboxIndicatorProps {\n  /**\n   * When true, show a round dot indicator.\n   * @default false\n   */\n  round?: boolean;\n}\n\n/**\n * Visual indicator for checkbox checked state.\n * @note Visibility is driven by parent checked state via CSS.\n */\nexport const CheckboxIndicator = ({\n  round = false,\n}: CheckboxIndicatorProps) => {\n  if (round) {\n    return (\n      <span\n        className={csx(\n          \"proton-CheckboxIndicator\",\n          \"proton-CheckboxIndicator--round\",\n        )}\n        aria-hidden\n      >\n        <span className=\"proton-CheckboxIndicator__dot\" />\n      </span>\n    );\n  }\n\n  return (\n    <svg\n      className={csx(\n        \"proton-CheckboxIndicator\",\n        \"proton-CheckboxIndicator--checkmark\",\n      )}\n      viewBox=\"0 0 20 18\"\n      aria-hidden\n    >\n      <path\n        className=\"proton-CheckboxIndicator__path\"\n        d=\"M4 10l4 4 10-10\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.86\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        pathLength={1}\n      />\n    </svg>\n  );\n};\n\nCheckboxIndicator.displayName = \"ProtonUICheckboxIndicator\";\n"],"names":["CheckboxIndicator","round","jsx","csx"],"mappings":"4MAiBaA,EAAoB,CAAC,CAChC,MAAAC,EAAQ,EACV,IACMA,EAEAC,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,IACT,2BACA,iCAAA,EAEF,cAAW,GAEX,SAAAD,EAAAA,IAAC,OAAA,CAAK,UAAU,+BAAA,CAAgC,CAAA,CAAA,EAMpDA,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,IACT,2BACA,qCAAA,EAEF,QAAQ,YACR,cAAW,GAEX,SAAAD,EAAAA,IAAC,OAAA,CACC,UAAU,iCACV,EAAE,kBACF,KAAK,OACL,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACf,WAAY,CAAA,CAAA,CACd,CAAA,EAKNF,EAAkB,YAAc"}

package/dist/components/Checkbox/CheckboxIndicator.es.js

@@ -1,9 +1,9 @@
-import { j as o } from "../../node_modules/react/jsx-runtime.es.js";
+import { jsx as o } from "react/jsx-runtime";
 /* empty css                         */
 import { csx as r } from "../../utils/string.es.js";
 const e = ({
   round: t = !1
-}) => t ? /* @__PURE__ */ o.jsx(
+}) => t ? /* @__PURE__ */ o(
   "span",
   {
     className: r(
@@ -11,9 +11,9 @@ const e = ({
       "proton-CheckboxIndicator--round"
     ),
     "aria-hidden": !0,
-    children: /* @__PURE__ */ o.jsx("span", { className: "proton-CheckboxIndicator__dot" })
+    children: /* @__PURE__ */ o("span", { className: "proton-CheckboxIndicator__dot" })
   }
-) : /* @__PURE__ */ o.jsx(
+) : /* @__PURE__ */ o(
   "svg",
   {
     className: r(
@@ -22,7 +22,7 @@ const e = ({
     ),
     viewBox: "0 0 20 18",
     "aria-hidden": !0,
-    children: /* @__PURE__ */ o.jsx(
+    children: /* @__PURE__ */ o(
       "path",
       {
         className: "proton-CheckboxIndicator__path",

package/dist/components/Checkbox/CheckboxIndicator.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIndicator.es.js","sources":["../../../src/components/Checkbox/CheckboxIndicator.tsx"],"sourcesContent":["\"use client\";\n\nimport { csx } from \"../../utils\";\nimport \"./CheckboxIndicator.css\";\n\nexport interface CheckboxIndicatorProps {\n  /**\n   * When true, show a round dot indicator.\n   * @default false\n   */\n  round?: boolean;\n}\n\n/**\n * Visual indicator for checkbox checked state.\n * @note Visibility is driven by parent checked state via CSS.\n */\nexport const CheckboxIndicator = ({\n  round = false,\n}: CheckboxIndicatorProps) => {\n  if (round) {\n    return (\n      <span\n        className={csx(\n          \"proton-CheckboxIndicator\",\n          \"proton-CheckboxIndicator--round\",\n        )}\n        aria-hidden\n      >\n        <span className=\"proton-CheckboxIndicator__dot\" />\n      </span>\n    );\n  }\n\n  return (\n    <svg\n      className={csx(\n        \"proton-CheckboxIndicator\",\n        \"proton-CheckboxIndicator--checkmark\",\n      )}\n      viewBox=\"0 0 20 18\"\n      aria-hidden\n    >\n      <path\n        className=\"proton-CheckboxIndicator__path\"\n        d=\"M4 10l4 4 10-10\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.86\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        pathLength={1}\n      />\n    </svg>\n  );\n};\n\nCheckboxIndicator.displayName = \"ProtonUICheckboxIndicator\";\n"],"names":["CheckboxIndicator","round","jsx","csx"],"mappings":";;;AAiBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC,IAAQ;AACV,MACMA,IAEAC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,eAAW;AAAA,IAEX,UAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,gCAAA,CAAgC;AAAA,EAAA;AAAA,IAMpDA,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,SAAQ;AAAA,IACR,eAAW;AAAA,IAEX,UAAAD,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA,QACF,MAAK;AAAA,QACL,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd;AAAA;AAKNF,EAAkB,cAAc;"}
+{"version":3,"file":"CheckboxIndicator.es.js","sources":["../../../src/components/Checkbox/CheckboxIndicator.tsx"],"sourcesContent":["\"use client\";\n\nimport { csx } from \"../../utils\";\nimport \"./CheckboxIndicator.css\";\n\nexport interface CheckboxIndicatorProps {\n  /**\n   * When true, show a round dot indicator.\n   * @default false\n   */\n  round?: boolean;\n}\n\n/**\n * Visual indicator for checkbox checked state.\n * @note Visibility is driven by parent checked state via CSS.\n */\nexport const CheckboxIndicator = ({\n  round = false,\n}: CheckboxIndicatorProps) => {\n  if (round) {\n    return (\n      <span\n        className={csx(\n          \"proton-CheckboxIndicator\",\n          \"proton-CheckboxIndicator--round\",\n        )}\n        aria-hidden\n      >\n        <span className=\"proton-CheckboxIndicator__dot\" />\n      </span>\n    );\n  }\n\n  return (\n    <svg\n      className={csx(\n        \"proton-CheckboxIndicator\",\n        \"proton-CheckboxIndicator--checkmark\",\n      )}\n      viewBox=\"0 0 20 18\"\n      aria-hidden\n    >\n      <path\n        className=\"proton-CheckboxIndicator__path\"\n        d=\"M4 10l4 4 10-10\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2.86\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        pathLength={1}\n      />\n    </svg>\n  );\n};\n\nCheckboxIndicator.displayName = \"ProtonUICheckboxIndicator\";\n"],"names":["CheckboxIndicator","round","jsx","csx"],"mappings":";;;AAiBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC,IAAQ;AACV,MACMA,IAEA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,eAAW;AAAA,IAEX,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,gCAAA,CAAgC;AAAA,EAAA;AAAA,IAMpD,gBAAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,SAAQ;AAAA,IACR,eAAW;AAAA,IAEX,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA,QACF,MAAK;AAAA,QACL,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd;AAAA;AAKNF,EAAkB,cAAc;"}

package/dist/components/Checkbox/CheckboxInput/CheckboxInput.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("react"),N=require("../../../hooks/useMergedRef.cjs.js"),$=require("../CheckboxIndicator.cjs.js");;/* empty css                       */const n=require("../../../utils/string.cjs.js"),k=r.forwardRef(({checked:u,defaultChecked:m,onChange:i,name:p,value:I,isDisabled:l=!1,isRequired:h=!1,id:R,"data-testid":_,label:s,description:o,error:t,indeterminate:b=!1,round:c=!1},v)=>{const x=r.useRef(null),C=N.useMergedRef(x,v),y=u!==void 0,a=r.useId();r.useEffect(()=>{x.current&&(x.current.indeterminate=b)},[b]);const E=q=>{i==null||i(q.target.checked)},j=R||`${a}-checkbox`,d=typeof t=="string"?`${a}-error`:void 0,f=typeof o=="string"?`${a}-description`:void 0,g=[d,f].filter(Boolean).join(" ")||void 0;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:n.csx(l&&"proton-CheckboxInput--disabled"),children:e.jsxRuntimeExports.jsxs("div",{className:n.csx("proton-CheckboxInput__container",c&&"proton-CheckboxInput__container--round"),children:[typeof s=="string"?e.jsxRuntimeExports.jsx("label",{htmlFor:j,className:"proton-CheckboxInput__label",children:s}):s,e.jsxRuntimeExports.jsxs("span",{className:"proton-CheckboxInput__box",children:[e.jsxRuntimeExports.jsx("input",{ref:C,id:j,name:p,type:"checkbox",...y?{checked:u}:{defaultChecked:m},value:I,disabled:l,required:h,onChange:E,className:n.csx("proton-CheckboxInput__input",t&&"proton-CheckboxInput__input--error",c&&"proton-CheckboxInput__input--round"),"aria-label":s?void 0:p,"aria-invalid":!!t,"aria-errormessage":d,"aria-describedby":g,"data-testid":_}),e.jsxRuntimeExports.jsx($.CheckboxIndicator,{round:c})]}),typeof o=="string"?e.jsxRuntimeExports.jsxs("div",{id:f,"aria-live":"polite",children:[o,h&&e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:" *"})]}):o]})}),typeof t=="string"?e.jsxRuntimeExports.jsx("div",{role:"alert",className:n.csx("proton-CheckboxInput__error"),id:d,children:t}):t]})});k.displayName="ProtonUICheckboxInput";exports.CheckboxInput=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),B=require("../../../hooks/useMergedRef.cjs.js"),M=require("../CheckboxIndicator.cjs.js");;/* empty css                       */const r=require("../../../utils/string.cjs.js"),I=c.forwardRef(({checked:l,defaultChecked:_,onChange:n,name:p,value:j,isDisabled:x=!1,isRequired:h=!1,id:v,"data-testid":C,label:o,description:s,error:t,indeterminate:b=!1,round:i=!1},y)=>{const a=c.useRef(null),g=B.useMergedRef(a,y),m=l!==void 0,d=c.useId();c.useEffect(()=>{a.current&&(a.current.indeterminate=b)},[b]);const N=q=>{n==null||n(q.target.checked)},f=v||`${d}-checkbox`,u=typeof t=="string"?`${d}-error`:void 0,k=typeof s=="string"?`${d}-description`:void 0,R=[u,k].filter(Boolean).join(" ")||void 0;return e.jsxs("div",{children:[e.jsx("div",{className:r.csx(x&&"proton-CheckboxInput--disabled"),children:e.jsxs("div",{className:r.csx("proton-CheckboxInput__container",i&&"proton-CheckboxInput__container--round"),children:[typeof o=="string"?e.jsx("label",{htmlFor:f,className:"proton-CheckboxInput__label",children:o}):o,e.jsxs("span",{className:"proton-CheckboxInput__box",children:[e.jsx("input",{ref:g,id:f,name:p,type:"checkbox",...m?{checked:l}:{defaultChecked:_},value:j,disabled:x,required:h,onChange:N,className:r.csx("proton-CheckboxInput__input",t&&"proton-CheckboxInput__input--error",i&&"proton-CheckboxInput__input--round"),"aria-label":o?void 0:p,"aria-invalid":!!t,"aria-errormessage":u,"aria-describedby":R,"data-testid":C}),e.jsx(M.CheckboxIndicator,{round:i})]}),typeof s=="string"?e.jsxs("div",{id:k,"aria-live":"polite",children:[s,h&&e.jsx("span",{"aria-hidden":"true",children:" *"})]}):s]})}),typeof t=="string"?e.jsx("div",{role:"alert",className:r.csx("proton-CheckboxInput__error"),id:u,children:t}):t]})});I.displayName="ProtonUICheckboxInput";exports.CheckboxInput=I;
 //# sourceMappingURL=CheckboxInput.cjs.js.map

package/dist/components/Checkbox/CheckboxInput/CheckboxInput.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.cjs.js","sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useId, useRef, type ForwardedRef, type ReactNode, type ChangeEvent } from \"react\";\n\nimport { useMergedRef } from \"../../../hooks/useMergedRef\";\nimport { csx } from \"../../../utils\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\nimport \"./CheckboxInput.css\";\n\nexport interface CheckboxInputProps {\n  /**\n   * Whether the checkbox is checked (controlled mode).\n   */\n  checked?: boolean;\n\n  /**\n   * Whether the checkbox is checked by default (uncontrolled mode).\n   */\n  defaultChecked?: boolean;\n\n  /** The error attribute of the checkbox input. */\n  error?: ReactNode | string;\n\n  /** The description attribute of the checkbox input. */\n  description?: ReactNode | string;\n\n  /** The test id attribute of the checkbox `input` element. */\n  \"data-testid\"?: string;\n\n  /**\n   * Callback fired when the checkbox state changes.\n   */\n  onChange?: (checked: boolean) => void;\n\n  /**\n   * Whether the checkbox is in an indeterminate state. Used for checkboxes that are neither checked nor unchecked.\n   * @default false\n   * @external https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/indeterminate\n   * @reference @external https://medium.com/indigoag-eng/indeterminate-checkboxes-are-weird-704b246c0f19\n   */\n  indeterminate?: boolean;\n\n  /** The id attribute of the checkbox input. */\n  id?: string;\n\n  /** Whether the checkbox is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /** Whether the checkbox is required.\n   * @default false\n   */\n  isRequired?: boolean;\n\n  /** The name attribute of the checkbox input. */\n  name: string;\n\n  /** The label attribute of the checkbox input. */\n  label?: string | ReactNode;\n\n  /**\n   * The value attribute of the checkbox input (for form submission).\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n   */\n  value?: string;\n\n  /**\n   * Whether the checkbox should be rendered as a round control (with a dot indicator when checked).\n   * @default false\n   */\n  round?: boolean;\n}\n\n/**\n * A checkbox input component with support for labels, descriptions, error states, and controlled/uncontrolled modes.\n *\n * API:\n *  - {@link CheckboxInputProps}\n */\nexport const CheckboxInput = forwardRef<HTMLInputElement, CheckboxInputProps>(\n  (\n    {\n      checked: controlledChecked,\n      defaultChecked,\n      onChange,\n      name,\n      value,\n      isDisabled = false,\n      isRequired = false,\n      id,\n      \"data-testid\": testId,\n      label,\n      description,\n      error,\n      indeterminate = false,\n      round = false,\n    },\n    forwardedRef: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const setRefs = useMergedRef(checkboxRef, forwardedRef);\n    const isControlled = controlledChecked !== undefined;\n    const idBase = useId();\n\n    // indeterminate state can only be set via JS\n    useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.checked);\n    };\n\n    const checkboxId = id || `${idBase}-checkbox`;\n    const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n    const descriptionId =\n      typeof description === \"string\" ? `${idBase}-description` : undefined;\n    const ariaDescribedBy =\n      [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\n\n    return (\n      <div>\n        <div className={csx(isDisabled && \"proton-CheckboxInput--disabled\")}>\n          <div\n            className={csx(\n              \"proton-CheckboxInput__container\",\n              round && \"proton-CheckboxInput__container--round\",\n            )}\n          >\n            {typeof label === \"string\" ? (\n              <label\n                htmlFor={checkboxId}\n                className=\"proton-CheckboxInput__label\"\n              >\n                {label}\n              </label>\n            ) : (\n              label\n            )}\n\n            <span className=\"proton-CheckboxInput__box\">\n              <input\n                ref={setRefs}\n                id={checkboxId}\n                name={name}\n                type=\"checkbox\"\n                {...(isControlled\n                  ? { checked: controlledChecked }\n                  : { defaultChecked })}\n                value={value}\n                disabled={isDisabled}\n                required={isRequired}\n                onChange={handleChange}\n                className={csx(\n                  \"proton-CheckboxInput__input\",\n                  error && \"proton-CheckboxInput__input--error\",\n                  round && \"proton-CheckboxInput__input--round\",\n                )}\n                aria-label={!label ? name : undefined}\n                aria-invalid={Boolean(error)}\n                aria-errormessage={errorId}\n                aria-describedby={ariaDescribedBy}\n                data-testid={testId}\n              />\n              <CheckboxIndicator round={round} />\n            </span>\n\n            {typeof description === \"string\" ? (\n              <div id={descriptionId} aria-live=\"polite\">\n                {description}\n                {isRequired && <span aria-hidden=\"true\">&nbsp;*</span>}\n              </div>\n            ) : (\n              description\n            )}\n          </div>\n        </div>\n\n        {typeof error === \"string\" ? (\n          <div\n            role=\"alert\"\n            className={csx(\"proton-CheckboxInput__error\")}\n            id={errorId}\n          >\n            {error}\n          </div>\n        ) : (\n          error\n        )}\n      </div>\n    );\n  },\n);\n\nCheckboxInput.displayName = \"ProtonUICheckboxInput\";\n"],"names":["CheckboxInput","forwardRef","controlledChecked","defaultChecked","onChange","name","value","isDisabled","isRequired","id","testId","label","description","error","indeterminate","round","forwardedRef","checkboxRef","useRef","setRefs","useMergedRef","isControlled","idBase","useId","useEffect","handleChange","e","checkboxId","errorId","descriptionId","ariaDescribedBy","jsx","csx","jsxs","CheckboxIndicator"],"mappings":"oVAgFaA,EAAgBC,EAAAA,WAC3B,CACE,CACE,QAASC,EACT,eAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,GAAAC,EACA,cAAeC,EACf,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,GAChB,MAAAC,EAAQ,EAAA,EAEVC,IACG,CACH,MAAMC,EAAcC,EAAAA,OAAyB,IAAI,EAC3CC,EAAUC,EAAAA,aAAaH,EAAaD,CAAY,EAChDK,EAAenB,IAAsB,OACrCoB,EAASC,EAAAA,MAAA,EAGfC,EAAAA,UAAU,IAAM,CACVP,EAAY,UACdA,EAAY,QAAQ,cAAgBH,EAExC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMW,EAAgBC,GAAqC,CACzDtB,GAAA,MAAAA,EAAWsB,EAAE,OAAO,QACtB,EAEMC,EAAalB,GAAM,GAAGa,CAAM,YAC5BM,EAAU,OAAOf,GAAU,SAAW,GAAGS,CAAM,SAAW,OAC1DO,EACJ,OAAOjB,GAAgB,SAAW,GAAGU,CAAM,eAAiB,OACxDQ,EACJ,CAACF,EAASC,CAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAExD,gCACG,MAAA,CACC,SAAA,CAAAE,wBAAC,MAAA,CAAI,UAAWC,EAAAA,IAAIzB,GAAc,gCAAgC,EAChE,SAAA0B,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWD,EAAAA,IACT,kCACAjB,GAAS,wCAAA,EAGV,SAAA,CAAA,OAAOJ,GAAU,SAChBoB,EAAAA,kBAAAA,IAAC,QAAA,CACC,QAASJ,EACT,UAAU,8BAET,SAAAhB,CAAA,CAAA,EAGHA,EAGFsB,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,4BACd,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAKZ,EACL,GAAIQ,EACJ,KAAAtB,EACA,KAAK,WACJ,GAAIgB,EACD,CAAE,QAASnB,CAAA,EACX,CAAE,eAAAC,CAAA,EACN,MAAAG,EACA,SAAUC,EACV,SAAUC,EACV,SAAUiB,EACV,UAAWO,EAAAA,IACT,8BACAnB,GAAS,qCACTE,GAAS,oCAAA,EAEX,aAAaJ,EAAe,OAAPN,EACrB,eAAc,EAAQQ,EACtB,oBAAmBe,EACnB,mBAAkBE,EAClB,cAAapB,CAAA,CAAA,EAEfqB,wBAACG,EAAAA,mBAAkB,MAAAnB,CAAA,CAAc,CAAA,EACnC,EAEC,OAAOH,GAAgB,SACtBqB,EAAAA,kBAAAA,KAAC,OAAI,GAAIJ,EAAe,YAAU,SAC/B,SAAA,CAAAjB,EACAJ,GAAcuB,EAAAA,kBAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,SAAA,IAAA,CAAO,CAAA,CAAA,CACjD,EAEAnB,CAAA,CAAA,CAAA,EAGN,EAEC,OAAOC,GAAU,SAChBkB,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,QACL,UAAWC,EAAAA,IAAI,6BAA6B,EAC5C,GAAIJ,EAEH,SAAAf,CAAA,CAAA,EAGHA,CAAA,EAEJ,CAEJ,CACF,EAEAb,EAAc,YAAc"}
+{"version":3,"file":"CheckboxInput.cjs.js","sources":["../../../../src/components/Checkbox/CheckboxInput/CheckboxInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useId, useRef, type ForwardedRef, type ReactNode, type ChangeEvent } from \"react\";\n\nimport { useMergedRef } from \"../../../hooks/useMergedRef\";\nimport { csx } from \"../../../utils\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\nimport \"./CheckboxInput.css\";\n\nexport interface CheckboxInputProps {\n  /**\n   * Whether the checkbox is checked (controlled mode).\n   */\n  checked?: boolean;\n\n  /**\n   * Whether the checkbox is checked by default (uncontrolled mode).\n   */\n  defaultChecked?: boolean;\n\n  /** The error attribute of the checkbox input. */\n  error?: ReactNode | string;\n\n  /** The description attribute of the checkbox input. */\n  description?: ReactNode | string;\n\n  /** The test id attribute of the checkbox `input` element. */\n  \"data-testid\"?: string;\n\n  /**\n   * Callback fired when the checkbox state changes.\n   */\n  onChange?: (checked: boolean) => void;\n\n  /**\n   * Whether the checkbox is in an indeterminate state. Used for checkboxes that are neither checked nor unchecked.\n   * @default false\n   * @external https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/indeterminate\n   * @reference @external https://medium.com/indigoag-eng/indeterminate-checkboxes-are-weird-704b246c0f19\n   */\n  indeterminate?: boolean;\n\n  /** The id attribute of the checkbox input. */\n  id?: string;\n\n  /** Whether the checkbox is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /** Whether the checkbox is required.\n   * @default false\n   */\n  isRequired?: boolean;\n\n  /** The name attribute of the checkbox input. */\n  name: string;\n\n  /** The label attribute of the checkbox input. */\n  label?: string | ReactNode;\n\n  /**\n   * The value attribute of the checkbox input (for form submission).\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n   */\n  value?: string;\n\n  /**\n   * Whether the checkbox should be rendered as a round control (with a dot indicator when checked).\n   * @default false\n   */\n  round?: boolean;\n}\n\n/**\n * A checkbox input component with support for labels, descriptions, error states, and controlled/uncontrolled modes.\n *\n * API:\n *  - {@link CheckboxInputProps}\n */\nexport const CheckboxInput = forwardRef<HTMLInputElement, CheckboxInputProps>(\n  (\n    {\n      checked: controlledChecked,\n      defaultChecked,\n      onChange,\n      name,\n      value,\n      isDisabled = false,\n      isRequired = false,\n      id,\n      \"data-testid\": testId,\n      label,\n      description,\n      error,\n      indeterminate = false,\n      round = false,\n    },\n    forwardedRef: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const setRefs = useMergedRef(checkboxRef, forwardedRef);\n    const isControlled = controlledChecked !== undefined;\n    const idBase = useId();\n\n    // indeterminate state can only be set via JS\n    useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e.target.checked);\n    };\n\n    const checkboxId = id || `${idBase}-checkbox`;\n    const errorId = typeof error === \"string\" ? `${idBase}-error` : undefined;\n    const descriptionId =\n      typeof description === \"string\" ? `${idBase}-description` : undefined;\n    const ariaDescribedBy =\n      [errorId, descriptionId].filter(Boolean).join(\" \") || undefined;\n\n    return (\n      <div>\n        <div className={csx(isDisabled && \"proton-CheckboxInput--disabled\")}>\n          <div\n            className={csx(\n              \"proton-CheckboxInput__container\",\n              round && \"proton-CheckboxInput__container--round\",\n            )}\n          >\n            {typeof label === \"string\" ? (\n              <label\n                htmlFor={checkboxId}\n                className=\"proton-CheckboxInput__label\"\n              >\n                {label}\n              </label>\n            ) : (\n              label\n            )}\n\n            <span className=\"proton-CheckboxInput__box\">\n              <input\n                ref={setRefs}\n                id={checkboxId}\n                name={name}\n                type=\"checkbox\"\n                {...(isControlled\n                  ? { checked: controlledChecked }\n                  : { defaultChecked })}\n                value={value}\n                disabled={isDisabled}\n                required={isRequired}\n                onChange={handleChange}\n                className={csx(\n                  \"proton-CheckboxInput__input\",\n                  error && \"proton-CheckboxInput__input--error\",\n                  round && \"proton-CheckboxInput__input--round\",\n                )}\n                aria-label={!label ? name : undefined}\n                aria-invalid={Boolean(error)}\n                aria-errormessage={errorId}\n                aria-describedby={ariaDescribedBy}\n                data-testid={testId}\n              />\n              <CheckboxIndicator round={round} />\n            </span>\n\n            {typeof description === \"string\" ? (\n              <div id={descriptionId} aria-live=\"polite\">\n                {description}\n                {isRequired && <span aria-hidden=\"true\">&nbsp;*</span>}\n              </div>\n            ) : (\n              description\n            )}\n          </div>\n        </div>\n\n        {typeof error === \"string\" ? (\n          <div\n            role=\"alert\"\n            className={csx(\"proton-CheckboxInput__error\")}\n            id={errorId}\n          >\n            {error}\n          </div>\n        ) : (\n          error\n        )}\n      </div>\n    );\n  },\n);\n\nCheckboxInput.displayName = \"ProtonUICheckboxInput\";\n"],"names":["CheckboxInput","forwardRef","controlledChecked","defaultChecked","onChange","name","value","isDisabled","isRequired","id","testId","label","description","error","indeterminate","round","forwardedRef","checkboxRef","useRef","setRefs","useMergedRef","isControlled","idBase","useId","useEffect","handleChange","e","checkboxId","errorId","descriptionId","ariaDescribedBy","jsx","csx","jsxs","CheckboxIndicator"],"mappings":"uTAgFaA,EAAgBC,EAAAA,WAC3B,CACE,CACE,QAASC,EACT,eAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,GAAAC,EACA,cAAeC,EACf,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,GAChB,MAAAC,EAAQ,EAAA,EAEVC,IACG,CACH,MAAMC,EAAcC,EAAAA,OAAyB,IAAI,EAC3CC,EAAUC,EAAAA,aAAaH,EAAaD,CAAY,EAChDK,EAAenB,IAAsB,OACrCoB,EAASC,EAAAA,MAAA,EAGfC,EAAAA,UAAU,IAAM,CACVP,EAAY,UACdA,EAAY,QAAQ,cAAgBH,EAExC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMW,EAAgBC,GAAqC,CACzDtB,GAAA,MAAAA,EAAWsB,EAAE,OAAO,QACtB,EAEMC,EAAalB,GAAM,GAAGa,CAAM,YAC5BM,EAAU,OAAOf,GAAU,SAAW,GAAGS,CAAM,SAAW,OAC1DO,EACJ,OAAOjB,GAAgB,SAAW,GAAGU,CAAM,eAAiB,OACxDQ,EACJ,CAACF,EAASC,CAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAExD,cACG,MAAA,CACC,SAAA,CAAAE,MAAC,MAAA,CAAI,UAAWC,EAAAA,IAAIzB,GAAc,gCAAgC,EAChE,SAAA0B,EAAAA,KAAC,MAAA,CACC,UAAWD,EAAAA,IACT,kCACAjB,GAAS,wCAAA,EAGV,SAAA,CAAA,OAAOJ,GAAU,SAChBoB,EAAAA,IAAC,QAAA,CACC,QAASJ,EACT,UAAU,8BAET,SAAAhB,CAAA,CAAA,EAGHA,EAGFsB,EAAAA,KAAC,OAAA,CAAK,UAAU,4BACd,SAAA,CAAAF,EAAAA,IAAC,QAAA,CACC,IAAKZ,EACL,GAAIQ,EACJ,KAAAtB,EACA,KAAK,WACJ,GAAIgB,EACD,CAAE,QAASnB,CAAA,EACX,CAAE,eAAAC,CAAA,EACN,MAAAG,EACA,SAAUC,EACV,SAAUC,EACV,SAAUiB,EACV,UAAWO,EAAAA,IACT,8BACAnB,GAAS,qCACTE,GAAS,oCAAA,EAEX,aAAaJ,EAAe,OAAPN,EACrB,eAAc,EAAQQ,EACtB,oBAAmBe,EACnB,mBAAkBE,EAClB,cAAapB,CAAA,CAAA,EAEfqB,MAACG,EAAAA,mBAAkB,MAAAnB,CAAA,CAAc,CAAA,EACnC,EAEC,OAAOH,GAAgB,SACtBqB,EAAAA,KAAC,OAAI,GAAIJ,EAAe,YAAU,SAC/B,SAAA,CAAAjB,EACAJ,GAAcuB,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,SAAA,IAAA,CAAO,CAAA,CAAA,CACjD,EAEAnB,CAAA,CAAA,CAAA,EAGN,EAEC,OAAOC,GAAU,SAChBkB,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,UAAWC,EAAAA,IAAI,6BAA6B,EAC5C,GAAIJ,EAEH,SAAAf,CAAA,CAAA,EAGHA,CAAA,EAEJ,CAEJ,CACF,EAEAb,EAAc,YAAc"}