@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

package/dist/elements/Pill/index.js

@@ -1,112 +1,130 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
-// TODO: abstract this out to support all routers
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react'; // TODO: abstract this out to support all routers
 import { Link } from '../Link/index.js';
-/**
-   * @default 'light'
-   */ import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
+import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
 import './index.scss';
 const baseClass = 'pill';
-const DraggablePill = (props)=>{
-    const { id, className } = props;
-    const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
-        id
-    });
-    return /*#__PURE__*/ _jsxDEV(StaticPill, {
-        ...props,
-        className: [
-            isDragging && `${baseClass}--is-dragging`,
-            className
-        ].filter(Boolean).join(' '),
-        elementProps: {
-            ...listeners,
-            ...attributes,
-            ref: setNodeRef,
-            style: {
-                transform
-            }
+const DraggablePill = props => {
+  const $ = _c(12);
+  const {
+    id,
+    className
+  } = props;
+  let t0;
+  if ($[0] !== id) {
+    t0 = {
+      id
+    };
+    $[0] = id;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform
+  } = useDraggableSortable(t0);
+  const t1 = isDragging && `${baseClass}--is-dragging`;
+  let t2;
+  if ($[2] !== className || $[3] !== t1) {
+    t2 = [t1, className].filter(Boolean);
+    $[2] = className;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[5] !== attributes || $[6] !== listeners || $[7] !== props || $[8] !== setNodeRef || $[9] !== t3 || $[10] !== transform) {
+    t4 = _jsx(StaticPill, {
+      ...props,
+      className: t3,
+      elementProps: {
+        ...listeners,
+        ...attributes,
+        ref: setNodeRef,
+        style: {
+          transform
         }
-    }, void 0, false, {
-        fileName: "src/elements/Pill/index.tsx",
-        lineNumber: 63,
-        columnNumber: 5
-    }, this);
+      }
+    });
+    $[5] = attributes;
+    $[6] = listeners;
+    $[7] = props;
+    $[8] = setNodeRef;
+    $[9] = t3;
+    $[10] = transform;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 };
-const StaticPill = (props)=>{
-    const { id, alignIcon = 'right', 'aria-checked': ariaChecked, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, children, className, draggable, elementProps, icon, onClick, pillStyle = 'light', rounded, size = 'medium', to } = props;
-    const classes = [
-        baseClass,
-        `${baseClass}--style-${pillStyle}`,
-        `${baseClass}--size-${size}`,
-        className && className,
-        to && `${baseClass}--has-link`,
-        (to || onClick) && `${baseClass}--has-action`,
-        icon && `${baseClass}--has-icon`,
-        icon && `${baseClass}--align-icon-${alignIcon}`,
-        draggable && `${baseClass}--draggable`,
-        rounded && `${baseClass}--rounded`
-    ].filter(Boolean).join(' ');
-    let Element = 'div';
-    if (onClick && !to) {
-        Element = 'button';
-    }
-    if (to) {
-        Element = Link;
-    }
-    return /*#__PURE__*/ _jsxDEV(Element, {
-        ...elementProps,
-        "aria-checked": ariaChecked,
-        "aria-controls": ariaControls,
-        "aria-expanded": ariaExpanded,
-        "aria-label": ariaLabel,
-        className: classes,
-        href: to || null,
-        id: id,
-        onClick: onClick,
-        type: Element === 'button' ? 'button' : undefined,
-        children: [
-            /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__label`,
-                children: children
-            }, void 0, false, {
-                fileName: "src/elements/Pill/index.tsx",
-                lineNumber: 136,
-                columnNumber: 7
-            }, this),
-            Boolean(icon) && /*#__PURE__*/ _jsxDEV("span", {
-                className: `${baseClass}__icon`,
-                children: icon
-            }, void 0, false, {
-                fileName: "src/elements/Pill/index.tsx",
-                lineNumber: 137,
-                columnNumber: 25
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Pill/index.tsx",
-        lineNumber: 124,
-        columnNumber: 5
-    }, this);
+const StaticPill = props => {
+  const {
+    id,
+    alignIcon = 'right',
+    'aria-checked': ariaChecked,
+    'aria-controls': ariaControls,
+    'aria-expanded': ariaExpanded,
+    'aria-label': ariaLabel,
+    children,
+    className,
+    draggable,
+    elementProps,
+    icon,
+    onClick,
+    pillStyle = 'light',
+    rounded,
+    size = 'medium',
+    to
+  } = props;
+  const classes = [baseClass, `${baseClass}--style-${pillStyle}`, `${baseClass}--size-${size}`, className && className, to && `${baseClass}--has-link`, (to || onClick) && `${baseClass}--has-action`, icon && `${baseClass}--has-icon`, icon && `${baseClass}--align-icon-${alignIcon}`, draggable && `${baseClass}--draggable`, rounded && `${baseClass}--rounded`].filter(Boolean).join(' ');
+  let Element = 'div';
+  if (onClick && !to) {
+    Element = 'button';
+  }
+  if (to) {
+    Element = Link;
+  }
+  return /*#__PURE__*/_jsxs(Element, {
+    ...elementProps,
+    "aria-checked": ariaChecked,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-label": ariaLabel,
+    className: classes,
+    href: to || null,
+    id: id,
+    onClick: onClick,
+    type: Element === 'button' ? 'button' : undefined,
+    children: [/*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__label`,
+      children: children
+    }), Boolean(icon) && /*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__icon`,
+      children: icon
+    })]
+  });
 };
-export const Pill = (props)=>{
-    const { draggable } = props;
-    if (draggable) {
-        return /*#__PURE__*/ _jsxDEV(DraggablePill, {
-            ...props
-        }, void 0, false, {
-            fileName: "src/elements/Pill/index.tsx",
-            lineNumber: 146,
-            columnNumber: 12
-        }, this);
-    }
-    return /*#__PURE__*/ _jsxDEV(StaticPill, {
-        ...props
-    }, void 0, false, {
-        fileName: "src/elements/Pill/index.tsx",
-        lineNumber: 148,
-        columnNumber: 10
-    }, this);
+export const Pill = props => {
+  const {
+    draggable
+  } = props;
+  if (draggable) {
+    return /*#__PURE__*/_jsx(DraggablePill, {
+      ...props
+    });
+  }
+  return /*#__PURE__*/_jsx(StaticPill, {
+    ...props
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/Pill/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"names":["React","Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAAC,iDAAiD;AAE3E,SAASC,IAAI,QAAQ,mBAAkB;AA2BrC;;GAEC,GAeH,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,QAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;;;;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,qBACE,QAACiC;QACE,GAAGjB,YAAY;QAChBkB,gBAAcd;QACde,iBAAed;QACfe,iBAAed;QACfe,cAAYd;QACZjB,WAAW0B;QACXM,MAAMP,MAAM;QACZ1B,IAAIA;QACJsB,SAASA;QACTY,MAAMN,YAAY,WAAW,WAAWO;;0BAExC,QAACC;gBAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGsB;;;;;;YACxCV,QAAQY,uBAAS,QAACe;gBAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC;0BAAGwB;;;;;;;;;;;;AAGhE;AAEA,OAAO,MAAMgB,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,QAACtB;YAAe,GAAGC,KAAK;;;;;;IACjC;IACA,qBAAO,QAACQ;QAAY,GAAGR,KAAK;;;;;;AAC9B,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","Link","useDraggableSortable","baseClass","DraggablePill","props","$","id","className","t0","attributes","isDragging","listeners","setNodeRef","transform","t1","t2","filter","Boolean","t3","join","t4","_jsx","StaticPill","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","_jsxs","href","type","undefined","Pill"],"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW,QAAO,CAAC;AAE1B,SAASC,IAAI,QAAQ;AA4CrB,SAASC,oBAAoB,QAAQ;AACrC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,aAAA,GAAqCC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACzC;IAAAQ,EAAA;IAAAC;EAAA,IAA0BH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAC,EAAA;IAEgEE,EAAA;MAAAF;IAAA;IAE1FD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA;IAAAI,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAA,IAAqEZ,oBAAA,CAAqBO,EAE1F;EAKgB,MAAAM,EAAA,GAAAJ,UAAA,IAAc,GAAAR,SAAA,eAA2B;EAAA,IAAAa,EAAA;EAAA,IAAAV,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAS,EAAA;IAA1CC,EAAA,IAACD,EAAyC,EAAEP,SAAA,EAAAS,MAAA,CAAAC,OAAkB;IAAAZ,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA9D,MAAAa,EAAA,GAAAH,EAA8D,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAM,SAAA,IAAAN,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAa,EAAA,IAAAb,CAAA,SAAAQ,SAAA;IAFzFO,EAAA,GAAAC,IAAA,CAAAC,UAAA;MAAA,GACMlB,KAAK;MAAAG,SAAA,EACEW,EAA4E;MAAAK,YAAA;QAAA,GAElFZ,SAAS;QAAA,GACTF,UAAU;QAAAe,GAAA,EACRZ,UAAA;QAAAa,KAAA;UAAAZ;QAAA;MAAA;IAAA,C;;;;;;;;;;;SANTO,E;CAaJ;AAEA,MAAME,UAAA,GAAmClB,KAAA;EACvC,MAAM;IACJE,EAAE;IACFoB,SAAA,GAAY,OAAO;IACnB,gBAAgBC,WAAW;IAC3B,iBAAiBC,YAAY;IAC7B,iBAAiBC,YAAY;IAC7B,cAAcC,SAAS;IACvBC,QAAQ;IACRxB,SAAS;IACTyB,SAAS;IACTT,YAAY;IACZU,IAAI;IACJC,OAAO;IACPC,SAAA,GAAY,OAAO;IACnBC,OAAO;IACPC,IAAA,GAAO,QAAQ;IACfC;EAAE,CACH,GAAGlC,KAAA;EAEJ,MAAMmC,OAAA,GAAU,CACdrC,SAAA,EACA,GAAGA,SAAA,WAAoBiC,SAAA,EAAW,EAClC,GAAGjC,SAAA,UAAmBmC,IAAA,EAAM,EAC5B9B,SAAA,IAAaA,SAAA,EACb+B,EAAA,IAAM,GAAGpC,SAAA,YAAqB,EAC7B,CAAAoC,EAAA,IAAMJ,OAAM,KAAM,GAAGhC,SAAA,cAAuB,EAC7C+B,IAAA,IAAQ,GAAG/B,SAAA,YAAqB,EAChC+B,IAAA,IAAQ,GAAG/B,SAAA,gBAAyBwB,SAAA,EAAW,EAC/CM,SAAA,IAAa,GAAG9B,SAAA,aAAsB,EACtCkC,OAAA,IAAW,GAAGlC,SAAA,WAAoB,CACnC,CACEc,MAAM,CAACC,OAAA,EACPE,IAAI,CAAC;EAER,IAAIqB,OAAA,GAAqD;EAEzD,IAAIN,OAAA,IAAW,CAACI,EAAA,EAAI;IAClBE,OAAA,GAAU;EACZ;EAEA,IAAIF,EAAA,EAAI;IACNE,OAAA,GAAUxC,IAAA;EACZ;EAEA,oBACEyC,KAAA,CAACD,OAAA;IACE,GAAGjB,YAAY;IAChB,gBAAcI,WAAA;IACd,iBAAeC,YAAA;IACf,iBAAeC,YAAA;IACf,cAAYC,SAAA;IACZvB,SAAA,EAAWgC,OAAA;IACXG,IAAA,EAAMJ,EAAA,IAAM;IACZhC,EAAA,EAAIA,EAAA;IACJ4B,OAAA,EAASA,OAAA;IACTS,IAAA,EAAMH,OAAA,KAAY,WAAW,WAAWI,SAAA;4BAExCvB,IAAA,CAAC;MAAKd,SAAA,EAAW,GAAGL,SAAA,SAAkB;gBAAG6B;QACxCd,OAAA,CAAQgB,IAAA,kBAASZ,IAAA,CAAC;MAAKd,SAAA,EAAW,GAAGL,SAAA,QAAiB;gBAAG+B;;;AAGhE;AAEA,OAAO,MAAMY,IAAA,GAA6BzC,KAAA;EACxC,MAAM;IAAE4B;EAAS,CAAE,GAAG5B,KAAA;EAEtB,IAAI4B,SAAA,EAAW;IACb,oBAAOX,IAAA,CAAClB,aAAA;MAAe,GAAGC;;EAC5B;EACA,oBAAOiB,IAAA,CAACC,UAAA;IAAY,GAAGlB;;AACzB","ignoreList":[]}

package/dist/elements/PillSelector/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { PlusIcon } from '../../icons/Plus/index.js';
 import { XIcon } from '../../icons/X/index.js';
@@ -10,84 +11,60 @@ const baseClass = 'pill-selector';
 /**
  * Displays a wrappable list of pills that can be selected or deselected.
  * If `draggable` is true, the pills can be reordered by dragging.
- */ export const PillSelector = ({ draggable, onClick, pills })=>{
-    // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.
-    // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])
-    // This creates a new function reference on each recomputation, causing React to treat it as a
-    // different component type, triggering unmount/mount cycles instead of just updating props.
-    // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
-    const pillElements = React.useMemo(()=>{
-        return pills.map((pill, i)=>{
-            return /*#__PURE__*/ _jsxDEV(Pill, {
-                alignIcon: "left",
-                "aria-checked": pill.selected,
-                className: [
-                    `${baseClass}__pill`,
-                    pill.selected && `${baseClass}__pill--selected`
-                ].filter(Boolean).join(' '),
-                draggable: Boolean(draggable),
-                icon: pill.selected ? /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
-                    fileName: "src/elements/PillSelector/index.tsx",
-                    lineNumber: 48,
-                    columnNumber: 33
-                }, void 0) : /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
-                    fileName: "src/elements/PillSelector/index.tsx",
-                    lineNumber: 48,
-                    columnNumber: 45
-                }, void 0),
-                id: pill.name,
-                onClick: ()=>{
-                    if (onClick) {
-                        void onClick({
-                            pill
-                        });
-                    }
-                },
-                size: "small",
-                children: pill.Label ?? /*#__PURE__*/ _jsxDEV("span", {
-                    className: `${baseClass}__pill-label`,
-                    children: pill.name
-                }, void 0, false, {
-                    fileName: "src/elements/PillSelector/index.tsx",
-                    lineNumber: 58,
-                    columnNumber: 26
-                }, this)
-            }, pill.key ?? `${pill.name}-${i}`, false, {
-                fileName: "src/elements/PillSelector/index.tsx",
-                lineNumber: 41,
-                columnNumber: 9
-            }, this);
+ */
+export const PillSelector = ({
+  draggable,
+  onClick,
+  pills
+}) => {
+  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.
+  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])
+  // This creates a new function reference on each recomputation, causing React to treat it as a
+  // different component type, triggering unmount/mount cycles instead of just updating props.
+  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
+  const pillElements = React.useMemo(() => {
+    return pills.map((pill, i) => {
+      return /*#__PURE__*/_jsx(Pill, {
+        alignIcon: "left",
+        "aria-checked": pill.selected,
+        className: [`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`].filter(Boolean).join(' '),
+        draggable: Boolean(draggable),
+        icon: pill.selected ? /*#__PURE__*/_jsx(XIcon, {}) : /*#__PURE__*/_jsx(PlusIcon, {}),
+        id: pill.name,
+        onClick: () => {
+          if (onClick) {
+            void onClick({
+              pill
+            });
+          }
+        },
+        size: "small",
+        children: pill.Label ?? /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__pill-label`,
+          children: pill.name
+        })
+      }, pill.key ?? `${pill.name}-${i}`);
+    });
+  }, [pills, onClick, draggable]);
+  if (draggable) {
+    return /*#__PURE__*/_jsx(DraggableSortable, {
+      className: baseClass,
+      ids: pills.map(pill_0 => pill_0.name),
+      onDragEnd: ({
+        moveFromIndex,
+        moveToIndex
+      }) => {
+        draggable.onDragEnd({
+          moveFromIndex,
+          moveToIndex
         });
-    }, [
-        pills,
-        onClick,
-        draggable
-    ]);
-    if (draggable) {
-        return /*#__PURE__*/ _jsxDEV(DraggableSortable, {
-            className: baseClass,
-            ids: pills.map((pill)=>pill.name),
-            onDragEnd: ({ moveFromIndex, moveToIndex })=>{
-                draggable.onDragEnd({
-                    moveFromIndex,
-                    moveToIndex
-                });
-            },
-            children: pillElements
-        }, void 0, false, {
-            fileName: "src/elements/PillSelector/index.tsx",
-            lineNumber: 66,
-            columnNumber: 7
-        }, this);
-    }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: pillElements
-    }, void 0, false, {
-        fileName: "src/elements/PillSelector/index.tsx",
-        lineNumber: 81,
-        columnNumber: 10
-    }, this);
+      },
+      children: pillElements
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: pillElements
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/PillSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.\n  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])\n  // This creates a new function reference on each recomputation, causing React to treat it as a\n  // different component type, triggering unmount/mount cycles instead of just updating props.\n  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />\n  const pillElements = React.useMemo(() => {\n    return pills.map((pill, i) => {\n      return (\n        <Pill\n          alignIcon=\"left\"\n          aria-checked={pill.selected}\n          className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n            .filter(Boolean)\n            .join(' ')}\n          draggable={Boolean(draggable)}\n          icon={pill.selected ? <XIcon /> : <PlusIcon />}\n          id={pill.name}\n          key={pill.key ?? `${pill.name}-${i}`}\n          onClick={() => {\n            if (onClick) {\n              void onClick({ pill })\n            }\n          }}\n          size=\"small\"\n        >\n          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n        </Pill>\n      )\n    })\n  }, [pills, onClick, draggable])\n\n  if (draggable) {\n    return (\n      <DraggableSortable\n        className={baseClass}\n        ids={pills.map((pill) => pill.name)}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => {\n          draggable.onDragEnd({\n            moveFromIndex,\n            moveToIndex,\n          })\n        }}\n      >\n        {pillElements}\n      </DraggableSortable>\n    )\n  }\n\n  return <div className={baseClass}>{pillElements}</div>\n}\n"],"names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","alignIcon","aria-checked","selected","className","filter","Boolean","join","icon","id","name","size","Label","span","key","ids","onDragEnd","moveFromIndex","moveToIndex","div"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAiBlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,0FAA0F;IAC1F,2FAA2F;IAC3F,8FAA8F;IAC9F,4FAA4F;IAC5F,wFAAwF;IACxF,MAAMC,eAAeV,MAAMW,OAAO,CAAC;QACjC,OAAOF,MAAMG,GAAG,CAAC,CAACC,MAAMC;YACtB,qBACE,QAACV;gBACCW,WAAU;gBACVC,gBAAcH,KAAKI,QAAQ;gBAC3BC,WAAW;oBAAC,GAAGb,UAAU,MAAM,CAAC;oBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;iBAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRd,WAAWa,QAAQb;gBACnBe,MAAMT,KAAKI,QAAQ,iBAAG,QAACf;;;;2CAAW,QAACD;;;;;gBACnCsB,IAAIV,KAAKW,IAAI;gBAEbhB,SAAS;oBACP,IAAIA,SAAS;wBACX,KAAKA,QAAQ;4BAAEK;wBAAK;oBACtB;gBACF;gBACAY,MAAK;0BAEJZ,KAAKa,KAAK,kBAAI,QAACC;oBAAKT,WAAW,GAAGb,UAAU,YAAY,CAAC;8BAAGQ,KAAKW,IAAI;;;;;;eARjEX,KAAKe,GAAG,IAAI,GAAGf,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG;;;;;QAW1C;IACF,GAAG;QAACL;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,qBACE,QAACJ;YACCe,WAAWb;YACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI;YAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxCzB,UAAUuB,SAAS,CAAC;oBAClBC;oBACAC;gBACF;YACF;sBAECtB;;;;;;IAGP;IAEA,qBAAO,QAACuB;QAAIf,WAAWb;kBAAYK;;;;;;AACrC,EAAC"}
+{"version":3,"file":"index.js","names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","_jsx","alignIcon","selected","className","filter","Boolean","join","icon","id","name","size","Label","key","ids","onDragEnd","moveFromIndex","moveToIndex"],"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.\n  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])\n  // This creates a new function reference on each recomputation, causing React to treat it as a\n  // different component type, triggering unmount/mount cycles instead of just updating props.\n  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />\n  const pillElements = React.useMemo(() => {\n    return pills.map((pill, i) => {\n      return (\n        <Pill\n          alignIcon=\"left\"\n          aria-checked={pill.selected}\n          className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n            .filter(Boolean)\n            .join(' ')}\n          draggable={Boolean(draggable)}\n          icon={pill.selected ? <XIcon /> : <PlusIcon />}\n          id={pill.name}\n          key={pill.key ?? `${pill.name}-${i}`}\n          onClick={() => {\n            if (onClick) {\n              void onClick({ pill })\n            }\n          }}\n          size=\"small\"\n        >\n          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n        </Pill>\n      )\n    })\n  }, [pills, onClick, draggable])\n\n  if (draggable) {\n    return (\n      <DraggableSortable\n        className={baseClass}\n        ids={pills.map((pill) => pill.name)}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => {\n          draggable.onDragEnd({\n            moveFromIndex,\n            moveToIndex,\n          })\n        }}\n      >\n        {pillElements}\n      </DraggableSortable>\n    )\n  }\n\n  return <div className={baseClass}>{pillElements}</div>\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,KAAK,QAAQ;AACtB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB;;;;AAIA,OAAO,MAAMC,YAAA,GAAgCA,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAK,CAAE;EACzE;EACA;EACA;EACA;EACA;EACA,MAAMC,YAAA,GAAeV,KAAA,CAAMW,OAAO,CAAC;IACjC,OAAOF,KAAA,CAAMG,GAAG,CAAC,CAACC,IAAA,EAAMC,CAAA;MACtB,oBACEC,IAAA,CAACX,IAAA;QACCY,SAAA,EAAU;QACV,gBAAcH,IAAA,CAAKI,QAAQ;QAC3BC,SAAA,EAAW,CAAC,GAAGb,SAAA,QAAiB,EAAEQ,IAAA,CAAKI,QAAQ,IAAI,GAAGZ,SAAA,kBAA2B,CAAC,CAC/Ec,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;QACRd,SAAA,EAAWa,OAAA,CAAQb,SAAA;QACnBe,IAAA,EAAMT,IAAA,CAAKI,QAAQ,gBAAGF,IAAA,CAACb,KAAA,qBAAWa,IAAA,CAACd,QAAA;QACnCsB,EAAA,EAAIV,IAAA,CAAKW,IAAI;QAEbhB,OAAA,EAASA,CAAA;UACP,IAAIA,OAAA,EAAS;YACX,KAAKA,OAAA,CAAQ;cAAEK;YAAK;UACtB;QACF;QACAY,IAAA,EAAK;kBAEJZ,IAAA,CAAKa,KAAK,iBAAIX,IAAA,CAAC;UAAKG,SAAA,EAAW,GAAGb,SAAA,cAAuB;oBAAGQ,IAAA,CAAKW;;SAR7DX,IAAA,CAAKc,GAAG,IAAI,GAAGd,IAAA,CAAKW,IAAI,IAAIV,CAAA,EAAG;IAW1C;EACF,GAAG,CAACL,KAAA,EAAOD,OAAA,EAASD,SAAA,CAAU;EAE9B,IAAIA,SAAA,EAAW;IACb,oBACEQ,IAAA,CAACZ,iBAAA;MACCe,SAAA,EAAWb,SAAA;MACXuB,GAAA,EAAKnB,KAAA,CAAMG,GAAG,CAAEC,MAAA,IAASA,MAAA,CAAKW,IAAI;MAClCK,SAAA,EAAWA,CAAC;QAAEC,aAAa;QAAEC;MAAW,CAAE;QACxCxB,SAAA,CAAUsB,SAAS,CAAC;UAClBC,aAAA;UACAC;QACF;MACF;gBAECrB;;EAGP;EAEA,oBAAOK,IAAA,CAAC;IAAIG,SAAA,EAAWb,SAAA;cAAYK;;AACrC","ignoreList":[]}

package/dist/elements/Popup/PopupButtonList/index.js

@@ -1,80 +1,67 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Link } from '../../Link/index.js';
 import './index.scss';
 const baseClass = 'popup-button-list';
 export { PopupListDivider as Divider } from '../PopupDivider/index.js';
 export { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js';
-export const ButtonGroup = ({ buttonSize = 'default', children, className, textAlign = 'left' })=>{
-    const classes = [
-        baseClass,
-        className,
-        `${baseClass}__text-align--${textAlign}`,
-        `${baseClass}__button-size--${buttonSize}`
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxDEV("div", {
+export const ButtonGroup = ({
+  buttonSize = 'default',
+  children,
+  className,
+  textAlign = 'left'
+}) => {
+  const classes = [baseClass, className, `${baseClass}__text-align--${textAlign}`, `${baseClass}__button-size--${buttonSize}`].filter(Boolean).join(' ');
+  return /*#__PURE__*/_jsx("div", {
+    className: classes,
+    children: children
+  });
+};
+export const Button = ({
+  id,
+  active,
+  children,
+  className,
+  disabled,
+  href,
+  onClick
+}) => {
+  const classes = [`${baseClass}__button`, disabled && `${baseClass}__disabled`, active && `${baseClass}__button--selected`, className].filter(Boolean).join(' ');
+  if (!disabled) {
+    if (href) {
+      return /*#__PURE__*/_jsx(Link, {
         className: classes,
+        href: href,
+        id: id,
+        onClick: e => {
+          if (onClick) {
+            onClick(e);
+          }
+        },
+        prefetch: false,
         children: children
-    }, void 0, false, {
-        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
-        lineNumber: 28,
-        columnNumber: 10
-    }, this);
-};
-export const Button = ({ id, active, children, className, disabled, href, onClick })=>{
-    const classes = [
-        `${baseClass}__button`,
-        disabled && `${baseClass}__disabled`,
-        active && `${baseClass}__button--selected`,
-        className
-    ].filter(Boolean).join(' ');
-    if (!disabled) {
-        if (href) {
-            return /*#__PURE__*/ _jsxDEV(Link, {
-                className: classes,
-                href: href,
-                id: id,
-                onClick: (e)=>{
-                    if (onClick) {
-                        onClick(e);
-                    }
-                },
-                prefetch: false,
-                children: children
-            }, void 0, false, {
-                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
-                lineNumber: 62,
-                columnNumber: 9
-            }, this);
-        }
-        if (onClick) {
-            return /*#__PURE__*/ _jsxDEV("button", {
-                className: classes,
-                id: id,
-                onClick: (e)=>{
-                    if (onClick) {
-                        onClick(e);
-                    }
-                },
-                type: "button",
-                children: children
-            }, void 0, false, {
-                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
-                lineNumber: 80,
-                columnNumber: 9
-            }, this);
-        }
+      });
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
+    if (onClick) {
+      return /*#__PURE__*/_jsx("button", {
         className: classes,
         id: id,
+        onClick: e => {
+          if (onClick) {
+            onClick(e);
+          }
+        },
+        type: "button",
         children: children
-    }, void 0, false, {
-        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
-        lineNumber: 97,
-        columnNumber: 5
-    }, this);
+      });
+    }
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: classes,
+    id: id,
+    children: children
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupButtonList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkProps } from 'next/link.js'\n\nimport * as React from 'react'\n\nimport { Link } from '../../Link/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup-button-list'\n\nexport { PopupListDivider as Divider } from '../PopupDivider/index.js'\nexport { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js'\n\nexport const ButtonGroup: React.FC<{\n  buttonSize?: 'default' | 'small'\n  children: React.ReactNode\n  className?: string\n  textAlign?: 'center' | 'left' | 'right'\n}> = ({ buttonSize = 'default', children, className, textAlign = 'left' }) => {\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}__text-align--${textAlign}`,\n    `${baseClass}__button-size--${buttonSize}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n  return <div className={classes}>{children}</div>\n}\n\ntype MenuButtonProps = {\n  active?: boolean\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  href?: LinkProps['href']\n  id?: string\n  onClick?: (e?: React.MouseEvent) => void\n}\n\nexport const Button: React.FC<MenuButtonProps> = ({\n  id,\n  active,\n  children,\n  className,\n  disabled,\n  href,\n  onClick,\n}) => {\n  const classes = [\n    `${baseClass}__button`,\n    disabled && `${baseClass}__disabled`,\n    active && `${baseClass}__button--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (!disabled) {\n    if (href) {\n      return (\n        <Link\n          className={classes}\n          href={href}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          prefetch={false}\n        >\n          {children}\n        </Link>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          className={classes}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          type=\"button\"\n        >\n          {children}\n        </button>\n      )\n    }\n  }\n\n  return (\n    <div className={classes} id={id}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","div","Button","id","active","disabled","href","onClick","e","prefetch","button","type"],"mappings":"AAAA;;AAGA,YAAYA,WAAW,QAAO;AAE9B,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASC,oBAAoBC,OAAO,QAAQ,2BAA0B;AACtE,SAASC,uBAAuBC,UAAU,QAAQ,8BAA6B;AAE/E,OAAO,MAAMC,cAKR,CAAC,EAAEC,aAAa,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,MAAM,EAAE;IACvE,MAAMC,UAAU;QACdV;QACAQ;QACA,GAAGR,UAAU,cAAc,EAAES,WAAW;QACxC,GAAGT,UAAU,eAAe,EAAEM,YAAY;KAC3C,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;IACR,qBAAO,QAACC;QAAIN,WAAWE;kBAAUH;;;;;;AACnC,EAAC;AAYD,OAAO,MAAMQ,SAAoC,CAAC,EAChDC,EAAE,EACFC,MAAM,EACNV,QAAQ,EACRC,SAAS,EACTU,QAAQ,EACRC,IAAI,EACJC,OAAO,EACR;IACC,MAAMV,UAAU;QACd,GAAGV,UAAU,QAAQ,CAAC;QACtBkB,YAAY,GAAGlB,UAAU,UAAU,CAAC;QACpCiB,UAAU,GAAGjB,UAAU,kBAAkB,CAAC;QAC1CQ;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAI,CAACK,UAAU;QACb,IAAIC,MAAM;YACR,qBACE,QAACpB;gBACCS,WAAWE;gBACXS,MAAMA;gBACNH,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAC,UAAU;0BAETf;;;;;;QAGP;QAEA,IAAIa,SAAS;YACX,qBACE,QAACG;gBACCf,WAAWE;gBACXM,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAG,MAAK;0BAEJjB;;;;;;QAGP;IACF;IAEA,qBACE,QAACO;QAAIN,WAAWE;QAASM,IAAIA;kBAC1BT;;;;;;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","_jsx","Button","id","active","disabled","href","onClick","e","prefetch","type"],"sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkProps } from 'next/link.js'\n\nimport * as React from 'react'\n\nimport { Link } from '../../Link/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup-button-list'\n\nexport { PopupListDivider as Divider } from '../PopupDivider/index.js'\nexport { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js'\n\nexport const ButtonGroup: React.FC<{\n  buttonSize?: 'default' | 'small'\n  children: React.ReactNode\n  className?: string\n  textAlign?: 'center' | 'left' | 'right'\n}> = ({ buttonSize = 'default', children, className, textAlign = 'left' }) => {\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}__text-align--${textAlign}`,\n    `${baseClass}__button-size--${buttonSize}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n  return <div className={classes}>{children}</div>\n}\n\ntype MenuButtonProps = {\n  active?: boolean\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  href?: LinkProps['href']\n  id?: string\n  onClick?: (e?: React.MouseEvent) => void\n}\n\nexport const Button: React.FC<MenuButtonProps> = ({\n  id,\n  active,\n  children,\n  className,\n  disabled,\n  href,\n  onClick,\n}) => {\n  const classes = [\n    `${baseClass}__button`,\n    disabled && `${baseClass}__disabled`,\n    active && `${baseClass}__button--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (!disabled) {\n    if (href) {\n      return (\n        <Link\n          className={classes}\n          href={href}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          prefetch={false}\n        >\n          {children}\n        </Link>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          className={classes}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          type=\"button\"\n        >\n          {children}\n        </button>\n      )\n    }\n  }\n\n  return (\n    <div className={classes} id={id}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,YAAYA,KAAA,MAAW;AAEvB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,SAASC,gBAAA,IAAoBC,OAAO,QAAQ;AAC5C,SAASC,mBAAA,IAAuBC,UAAU,QAAQ;AAElD,OAAO,MAAMC,WAAA,GAKRA,CAAC;EAAEC,UAAA,GAAa,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,SAAA,GAAY;AAAM,CAAE;EACvE,MAAMC,OAAA,GAAU,CACdV,SAAA,EACAQ,SAAA,EACA,GAAGR,SAAA,iBAA0BS,SAAA,EAAW,EACxC,GAAGT,SAAA,kBAA2BM,UAAA,EAAY,CAC3C,CACEK,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACR,oBAAOC,IAAA,CAAC;IAAIN,SAAA,EAAWE,OAAA;cAAUH;;AACnC;AAYA,OAAO,MAAMQ,MAAA,GAAoCA,CAAC;EAChDC,EAAE;EACFC,MAAM;EACNV,QAAQ;EACRC,SAAS;EACTU,QAAQ;EACRC,IAAI;EACJC;AAAO,CACR;EACC,MAAMV,OAAA,GAAU,CACd,GAAGV,SAAA,UAAmB,EACtBkB,QAAA,IAAY,GAAGlB,SAAA,YAAqB,EACpCiB,MAAA,IAAU,GAAGjB,SAAA,oBAA6B,EAC1CQ,SAAA,CACD,CACEG,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,IAAI,CAACK,QAAA,EAAU;IACb,IAAIC,IAAA,EAAM;MACR,oBACEL,IAAA,CAACf,IAAA;QACCS,SAAA,EAAWE,OAAA;QACXS,IAAA,EAAMA,IAAA;QACNH,EAAA,EAAIA,EAAA;QACJI,OAAA,EAAUC,CAAA;UACR,IAAID,OAAA,EAAS;YACXA,OAAA,CAAQC,CAAA;UACV;QACF;QACAC,QAAA,EAAU;kBAETf;;IAGP;IAEA,IAAIa,OAAA,EAAS;MACX,oBACEN,IAAA,CAAC;QACCN,SAAA,EAAWE,OAAA;QACXM,EAAA,EAAIA,EAAA;QACJI,OAAA,EAAUC,CAAA;UACR,IAAID,OAAA,EAAS;YACXA,OAAA,CAAQC,CAAA;UACV;QACF;QACAE,IAAA,EAAK;kBAEJhB;;IAGP;EACF;EAEA,oBACEO,IAAA,CAAC;IAAIN,SAAA,EAAWE,OAAA;IAASM,EAAA,EAAIA,EAAA;cAC1BT;;AAGP","ignoreList":[]}