@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/Button/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment, isValidElement } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
@@ -21,18 +22,55 @@ const icons = {
 const baseClass = 'btn';
 export const ButtonContents = ({ children, icon, showTooltip, tooltip })=>{
     const BuiltInIcon = icons[icon];
-    return <Fragment>
-      {tooltip && <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
-          {tooltip}
-        </Tooltip>}
-      <span className={`${baseClass}__content`}>
-        {children && <span className={`${baseClass}__label`}>{children}</span>}
-        {icon && <span className={`${baseClass}__icon`}>
-            {isValidElement(icon) && icon}
-            {BuiltInIcon && <BuiltInIcon/>}
-          </span>}
-      </span>
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            tooltip && /*#__PURE__*/ _jsxDEV(Tooltip, {
+                className: `${baseClass}__tooltip`,
+                show: showTooltip,
+                children: tooltip
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 34,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("span", {
+                className: `${baseClass}__content`,
+                children: [
+                    children && /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__label`,
+                        children: children
+                    }, void 0, false, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 39,
+                        columnNumber: 22
+                    }, this),
+                    icon && /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}__icon`,
+                        children: [
+                            /*#__PURE__*/ isValidElement(icon) && icon,
+                            BuiltInIcon && /*#__PURE__*/ _jsxDEV(BuiltInIcon, {}, void 0, false, {
+                                fileName: "src/elements/Button/index.tsx",
+                                lineNumber: 43,
+                                columnNumber: 29
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 41,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 38,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Button/index.tsx",
+        lineNumber: 32,
+        columnNumber: 5
+    }, this);
 };
 export const Button = (props)=>{
     const { id, type = 'button', 'aria-label': ariaLabel, buttonStyle = 'primary', children, className, disabled, el = 'button', enableSubMenu, extraButtonProps = {}, icon, iconPosition = 'right', iconStyle = 'without-border', margin = true, newTab, onClick, onMouseDown, ref, round, size = 'medium', SubMenuPopupContent, to, tooltip, url } = props;
@@ -86,43 +124,122 @@ export const Button = (props)=>{
     let buttonElement;
     switch(el){
         case 'anchor':
-            buttonElement = <a {...buttonProps} href={!disabled ? url : undefined} ref={ref}>
-          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>
-            {children}
-          </ButtonContents>
-        </a>;
+            buttonElement = /*#__PURE__*/ _jsxDEV("a", {
+                ...buttonProps,
+                href: !disabled ? url : undefined,
+                ref: ref,
+                children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
+                    icon: icon,
+                    showTooltip: showTooltip,
+                    tooltip: tooltip,
+                    children: children
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 142,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 137,
+                columnNumber: 9
+            }, this);
             break;
         case 'link':
             if (disabled) {
-                buttonElement = <div {...buttonProps}>
-            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>
-              {children}
-            </ButtonContents>
-          </div>;
+                buttonElement = /*#__PURE__*/ _jsxDEV("div", {
+                    ...buttonProps,
+                    children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
+                        icon: icon,
+                        showTooltip: showTooltip,
+                        tooltip: tooltip,
+                        children: children
+                    }, void 0, false, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 153,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 152,
+                    columnNumber: 11
+                }, this);
             }
-            buttonElement = <Link {...buttonProps} href={to || url} prefetch={false}>
-          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>
-            {children}
-          </ButtonContents>
-        </Link>;
+            buttonElement = /*#__PURE__*/ _jsxDEV(Link, {
+                ...buttonProps,
+                href: to || url,
+                prefetch: false,
+                children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
+                    icon: icon,
+                    showTooltip: showTooltip,
+                    tooltip: tooltip,
+                    children: children
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 162,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 161,
+                columnNumber: 9
+            }, this);
             break;
         default:
             const Tag = el;
             // eslint-disable-line no-case-declarations
-            buttonElement = <Tag ref={ref} {...buttonProps}>
-          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>
-            {children}
-          </ButtonContents>
-        </Tag>;
+            buttonElement = /*#__PURE__*/ _jsxDEV(Tag, {
+                ref: ref,
+                ...buttonProps,
+                children: /*#__PURE__*/ _jsxDEV(ButtonContents, {
+                    icon: icon,
+                    showTooltip: showTooltip,
+                    tooltip: tooltip,
+                    children: children
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 175,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Button/index.tsx",
+                lineNumber: 174,
+                columnNumber: 9
+            }, this);
             break;
     }
     if (SubMenuPopupContent) {
-        return <div className={styleClasses}>
-        {buttonElement}
-        <Popup button={<ChevronIcon/>} buttonSize={size} className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''} disabled={disabled && !enableSubMenu} horizontalAlign="right" id={`${id}-popup`} noBackground render={({ close })=>SubMenuPopupContent({
-                close: ()=>close()
-            })} size="large" verticalAlign="bottom"/>
-      </div>;
+        return /*#__PURE__*/ _jsxDEV("div", {
+            className: styleClasses,
+            children: [
+                buttonElement,
+                /*#__PURE__*/ _jsxDEV(Popup, {
+                    button: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+                        fileName: "src/elements/Button/index.tsx",
+                        lineNumber: 187,
+                        columnNumber: 19
+                    }, void 0),
+                    buttonSize: size,
+                    className: disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : '',
+                    disabled: disabled && !enableSubMenu,
+                    horizontalAlign: "right",
+                    id: `${id}-popup`,
+                    noBackground: true,
+                    render: ({ close })=>SubMenuPopupContent({
+                            close: ()=>close()
+                        }),
+                    size: "large",
+                    verticalAlign: "bottom"
+                }, void 0, false, {
+                    fileName: "src/elements/Button/index.tsx",
+                    lineNumber: 186,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/Button/index.tsx",
+            lineNumber: 184,
+            columnNumber: 7
+        }, this);
     }
     return buttonElement;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = icons[icon]\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isValidElement(icon) && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    ref,\n    round,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n    !margin && `${baseClass}--no-margin`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseDown: !disabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (disabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent) {\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon />}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"names":["React","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","iconStyle","margin","newTab","onClick","onMouseDown","ref","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","a","href","div","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = icons[icon]\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isValidElement(icon) && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    ref,\n    round,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n    !margin && `${baseClass}--no-margin`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseDown: !disabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (disabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent) {\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon />}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"names":["React","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","className","show","span","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","iconStyle","margin","newTab","onClick","onMouseDown","ref","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","a","href","div","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"mappings":"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"}

package/dist/elements/Card/index.js

@@ -1,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { Button } from '../Button/index.js';
 import './index.scss';
 /**
@@ -14,11 +16,44 @@ export const Card = (props)=>{
         (onClick || href) && `${baseClass}--has-onclick`
     ].filter(Boolean).join(' ');
     const Tag = titleAs ?? 'div';
-    return <div className={classes} id={id}>
-      <Tag className={`${baseClass}__title`}>{title}</Tag>
-      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}
-      {(onClick || href) && <Button aria-label={buttonAriaLabel} buttonStyle="none" className={`${baseClass}__click`} el="link" onClick={onClick} to={href}/>}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: classes,
+        id: id,
+        children: [
+            /*#__PURE__*/ _jsxDEV(Tag, {
+                className: `${baseClass}__title`,
+                children: title
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 37,
+                columnNumber: 7
+            }, this),
+            actions && /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__actions`,
+                children: actions
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 38,
+                columnNumber: 19
+            }, this),
+            (onClick || href) && /*#__PURE__*/ _jsxDEV(Button, {
+                "aria-label": buttonAriaLabel,
+                buttonStyle: "none",
+                className: `${baseClass}__click`,
+                el: "link",
+                onClick: onClick,
+                to: href
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 40,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Card/index.tsx",
+        lineNumber: 36,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  onClick?: () => void\n  title: string\n  titleAs?: React.ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n    .filter(Boolean)\n    .join(' ')\n\n  const Tag = titleAs ?? 'div'\n\n  return (\n    <div className={classes} id={id}>\n      <Tag className={`${baseClass}__title`}>{title}</Tag>\n      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n      {(onClick || href) && (\n        <Button\n          aria-label={buttonAriaLabel}\n          buttonStyle=\"none\"\n          className={`${baseClass}__click`}\n          el=\"link\"\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Button","baseClass","Card","props","id","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"mappings":"AAAA;AAIA,SAASA,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAOnB;;;;GAIC,GAOH,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGP;IAExE,MAAMQ,UAAU;QAACV;QAAWG;QAAKI,CAAAA,WAAWD,IAAG,KAAM,GAAGN,UAAU,aAAa,CAAC;KAAC,CAC9EW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,QACGM,IAAIC,WAAWN,SAASP,IAAIA,IAAI;MAC/B,CAACW,IAAIE,WAAW,GAAGhB,UAAU,OAAO,CAAC,GAAGQ,QAAQM,IAAI;MACpD,CAACV,YAAYW,IAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC,GAAGI,UAAUW,KAAK;MACrE,CAAC,AAACR,CAAAA,WAAWD,IAAG,MACbP,OACCkB,YAAYZ,iBACZa,YAAY,OACZF,WAAW,GAAGhB,UAAU,OAAO,CAAC,EAChCmB,GAAG,OACHZ,SAASA,SACTa,IAAId,QAEN;IACJ,EAAES;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Card/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nexport type Props = {\n  actions?: React.ReactNode\n  buttonAriaLabel?: string\n  href?: string\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  onClick?: () => void\n  title: string\n  titleAs?: React.ElementType\n}\n\nconst baseClass = 'card'\n\nexport const Card: React.FC<Props> = (props) => {\n  const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props\n\n  const classes = [baseClass, id, (onClick || href) && `${baseClass}--has-onclick`]\n    .filter(Boolean)\n    .join(' ')\n\n  const Tag = titleAs ?? 'div'\n\n  return (\n    <div className={classes} id={id}>\n      <Tag className={`${baseClass}__title`}>{title}</Tag>\n      {actions && <div className={`${baseClass}__actions`}>{actions}</div>}\n      {(onClick || href) && (\n        <Button\n          aria-label={buttonAriaLabel}\n          buttonStyle=\"none\"\n          className={`${baseClass}__click`}\n          el=\"link\"\n          onClick={onClick}\n          to={href}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["React","Button","baseClass","Card","props","id","actions","buttonAriaLabel","href","onClick","title","titleAs","classes","filter","Boolean","join","Tag","div","className","aria-label","buttonStyle","el","to"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAOnB;;;;GAIC,GAOH,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAEC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGP;IAExE,MAAMQ,UAAU;QAACV;QAAWG;QAAKI,CAAAA,WAAWD,IAAG,KAAM,GAAGN,UAAU,aAAa,CAAC;KAAC,CAC9EW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,MAAML,WAAW;IAEvB,qBACE,QAACM;QAAIC,WAAWN;QAASP,IAAIA;;0BAC3B,QAACW;gBAAIE,WAAW,GAAGhB,UAAU,OAAO,CAAC;0BAAGQ;;;;;;YACvCJ,yBAAW,QAACW;gBAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;0BAAGI;;;;;;YACpDG,CAAAA,WAAWD,IAAG,mBACd,QAACP;gBACCkB,cAAYZ;gBACZa,aAAY;gBACZF,WAAW,GAAGhB,UAAU,OAAO,CAAC;gBAChCmB,IAAG;gBACHZ,SAASA;gBACTa,IAAId;;;;;;;;;;;;AAKd,EAAC"}

package/dist/elements/CheckboxPopup/index.js

@@ -1,23 +1,49 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { Popup } from '../Popup/index.js';
 import './index.scss';
 const baseClass = 'checkbox-popup';
 export function CheckboxPopup({ Button, className, onChange, options, selectedValues, ...popupProps }) {
-    return <Popup button={Button} className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} horizontalAlign="right" render={({ close })=><div className={`${baseClass}__options`}>
-          {options.map(({ label, value })=><CheckboxInput checked={selectedValues?.includes(value)} key={value} label={label} onToggle={()=>{
-                const newSelectedValues = selectedValues?.includes(value) ? selectedValues.filter((v)=>v !== value) : [
-                    ...selectedValues,
-                    value
-                ];
-                onChange({
-                    close,
-                    selectedValues: newSelectedValues
-                });
-            }}/>)}
-        </div>} showScrollbar verticalAlign="bottom" {...popupProps}/>;
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: Button,
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        horizontalAlign: "right",
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__options`,
+                children: options.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(CheckboxInput, {
+                        checked: selectedValues?.includes(value),
+                        label: label,
+                        onToggle: ()=>{
+                            const newSelectedValues = selectedValues?.includes(value) ? selectedValues.filter((v)=>v !== value) : [
+                                ...selectedValues,
+                                value
+                            ];
+                            onChange({
+                                close,
+                                selectedValues: newSelectedValues
+                            });
+                        }
+                    }, value, false, {
+                        fileName: "src/elements/CheckboxPopup/index.tsx",
+                        lineNumber: 34,
+                        columnNumber: 13
+                    }, void 0))
+            }, void 0, false, {
+                fileName: "src/elements/CheckboxPopup/index.tsx",
+                lineNumber: 32,
+                columnNumber: 9
+            }, void 0),
+        showScrollbar: true,
+        verticalAlign: "bottom",
+        ...popupProps
+    }, void 0, false, {
+        fileName: "src/elements/CheckboxPopup/index.tsx",
+        lineNumber: 27,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CheckboxPopup/index.tsx"],"sourcesContent":["import type { PopupProps } from '../Popup/index.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox-popup'\n\ntype CheckboxPopupProps = {\n  Button: React.ReactNode\n  onChange: (args: { close: () => void; selectedValues: string[] }) => void\n  options: {\n    label: string\n    value: string\n  }[]\n  selectedValues: string[]\n} & Omit<PopupProps, 'button' | 'render'>\nexport function CheckboxPopup({\n  Button,\n  className,\n  onChange,\n  options,\n  selectedValues,\n  ...popupProps\n}: CheckboxPopupProps) {\n  return (\n    <Popup\n      button={Button}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <div className={`${baseClass}__options`}>\n          {options.map(({ label, value }) => (\n            <CheckboxInput\n              checked={selectedValues?.includes(value)}\n              key={value}\n              label={label}\n              onToggle={() => {\n                const newSelectedValues = selectedValues?.includes(value)\n                  ? selectedValues.filter((v) => v !== value)\n                  : [...selectedValues, value]\n                onChange({ close, selectedValues: newSelectedValues })\n              }}\n            />\n          ))}\n        </div>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n      {...popupProps}\n    />\n  )\n}\n"],"names":["CheckboxInput","Popup","baseClass","CheckboxPopup","Button","className","onChange","options","selectedValues","popupProps","button","filter","Boolean","join","horizontalAlign","render","close","div","map","label","value","checked","includes","key","onToggle","newSelectedValues","v","showScrollbar","verticalAlign"],"mappings":"AAEA,SAASA,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,KAAK,QAAQ,oBAAmB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAWlB,OAAO,SAASC,cAAc,EAC5BC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACd,GAAGC,YACgB;IACnB,QACGR,MACCS,QAAQN,QACRC,WAAW;QAACH;QAAWG;KAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDC,gBAAgB,QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,IACfC,IAAIZ,WAAW,GAAGH,UAAU,SAAS,CAAC,EAAE;UACvC,CAACK,QAAQW,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,IAC3BpB,cACCqB,SAASb,gBAAgBc,SAASF,QAClCG,KAAKH,OACLD,OAAOA,OACPK,UAAU;gBACR,MAAMC,oBAAoBjB,gBAAgBc,SAASF,SAC/CZ,eAAeG,MAAM,CAAC,CAACe,IAAMA,MAAMN,SACnC;uBAAIZ;oBAAgBY;iBAAM;gBAC9Bd,SAAS;oBAAEU;oBAAOR,gBAAgBiB;gBAAkB;YACtD,MAED;QACL,EAAER,MAEJU,cACAC,cAAc,UACb,GAAGnB,UAAU;AAGpB"}
+{"version":3,"sources":["../../../src/elements/CheckboxPopup/index.tsx"],"sourcesContent":["import type { PopupProps } from '../Popup/index.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox-popup'\n\ntype CheckboxPopupProps = {\n  Button: React.ReactNode\n  onChange: (args: { close: () => void; selectedValues: string[] }) => void\n  options: {\n    label: string\n    value: string\n  }[]\n  selectedValues: string[]\n} & Omit<PopupProps, 'button' | 'render'>\nexport function CheckboxPopup({\n  Button,\n  className,\n  onChange,\n  options,\n  selectedValues,\n  ...popupProps\n}: CheckboxPopupProps) {\n  return (\n    <Popup\n      button={Button}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <div className={`${baseClass}__options`}>\n          {options.map(({ label, value }) => (\n            <CheckboxInput\n              checked={selectedValues?.includes(value)}\n              key={value}\n              label={label}\n              onToggle={() => {\n                const newSelectedValues = selectedValues?.includes(value)\n                  ? selectedValues.filter((v) => v !== value)\n                  : [...selectedValues, value]\n                onChange({ close, selectedValues: newSelectedValues })\n              }}\n            />\n          ))}\n        </div>\n      )}\n      showScrollbar\n      verticalAlign=\"bottom\"\n      {...popupProps}\n    />\n  )\n}\n"],"names":["CheckboxInput","Popup","baseClass","CheckboxPopup","Button","className","onChange","options","selectedValues","popupProps","button","filter","Boolean","join","horizontalAlign","render","close","div","map","label","value","checked","includes","onToggle","newSelectedValues","v","showScrollbar","verticalAlign"],"mappings":";AAEA,SAASA,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,KAAK,QAAQ,oBAAmB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAWlB,OAAO,SAASC,cAAc,EAC5BC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,cAAc,EACd,GAAGC,YACgB;IACnB,qBACE,QAACR;QACCS,QAAQN;QACRC,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAACC;gBAAIZ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BACpCK,QAAQW,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,iBAC5B,QAACpB;wBACCqB,SAASb,gBAAgBc,SAASF;wBAElCD,OAAOA;wBACPI,UAAU;4BACR,MAAMC,oBAAoBhB,gBAAgBc,SAASF,SAC/CZ,eAAeG,MAAM,CAAC,CAACc,IAAMA,MAAML,SACnC;mCAAIZ;gCAAgBY;6BAAM;4BAC9Bd,SAAS;gCAAEU;gCAAOR,gBAAgBgB;4BAAkB;wBACtD;uBAPKJ;;;;;;;;;;QAYbM,aAAa;QACbC,eAAc;QACb,GAAGlB,UAAU;;;;;;AAGpB"}

package/dist/elements/ClipboardAction/ClipboardActionLabel.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Fragment } from 'react';
 import { CopyIcon } from '../../icons/Copy/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
@@ -13,9 +14,25 @@ export const ClipboardActionLabel = ({ isPaste, isRow })=>{
     } else if (isRow && isPaste) {
         label = t('general:pasteRow');
     }
-    return <Fragment>
-      {isPaste ? <EditIcon/> : <CopyIcon/>} {label}
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            isPaste ? /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
+                fileName: "src/elements/ClipboardAction/ClipboardActionLabel.tsx",
+                lineNumber: 29,
+                columnNumber: 18
+            }, this) : /*#__PURE__*/ _jsxDEV(CopyIcon, {}, void 0, false, {
+                fileName: "src/elements/ClipboardAction/ClipboardActionLabel.tsx",
+                lineNumber: 29,
+                columnNumber: 33
+            }, this),
+            " ",
+            label
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ClipboardAction/ClipboardActionLabel.tsx",
+        lineNumber: 28,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=ClipboardActionLabel.js.map

package/dist/elements/ClipboardAction/ClipboardActionLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const ClipboardActionLabel = ({\n  isPaste,\n  isRow,\n}: {\n  isPaste?: boolean\n  isRow?: boolean\n}) => {\n  const { t } = useTranslation()\n\n  let label = t('general:copyField')\n  if (!isRow && isPaste) {\n    label = t('general:pasteField')\n  } else if (isRow && !isPaste) {\n    label = t('general:copyRow')\n  } else if (isRow && isPaste) {\n    label = t('general:pasteRow')\n  }\n\n  return (\n    <Fragment>\n      {isPaste ? <EditIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"names":["Fragment","CopyIcon","EditIcon","useTranslation","ClipboardActionLabel","isPaste","isRow","t","label"],"mappings":"AAAA;AAEA,SAASA,QAAQ,QAAQ,QAAO;AAEhC,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,OAAO,EACPC,KAAK,EAIN;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IAEd,IAAIK,QAAQD,EAAE;IACd,IAAI,CAACD,SAASD,SAAS;QACrBG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAAS,CAACD,SAAS;QAC5BG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAASD,SAAS;QAC3BG,QAAQD,EAAE;IACZ;IAEA,QACGP,SAAS;MACR,CAACK,WAAWH,cAAeD,WAAY,CAAC,CAACO,MAAM;IACjD,EAAER;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const ClipboardActionLabel = ({\n  isPaste,\n  isRow,\n}: {\n  isPaste?: boolean\n  isRow?: boolean\n}) => {\n  const { t } = useTranslation()\n\n  let label = t('general:copyField')\n  if (!isRow && isPaste) {\n    label = t('general:pasteField')\n  } else if (isRow && !isPaste) {\n    label = t('general:copyRow')\n  } else if (isRow && isPaste) {\n    label = t('general:pasteRow')\n  }\n\n  return (\n    <Fragment>\n      {isPaste ? <EditIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"names":["Fragment","CopyIcon","EditIcon","useTranslation","ClipboardActionLabel","isPaste","isRow","t","label"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,QAAO;AAEhC,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,OAAO,EACPC,KAAK,EAIN;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IAEd,IAAIK,QAAQD,EAAE;IACd,IAAI,CAACD,SAASD,SAAS;QACrBG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAAS,CAACD,SAAS;QAC5BG,QAAQD,EAAE;IACZ,OAAO,IAAID,SAASD,SAAS;QAC3BG,QAAQD,EAAE;IACZ;IAEA,qBACE,QAACP;;YACEK,wBAAU,QAACH;;;;qCAAc,QAACD;;;;;YAAY;YAAEO;;;;;;;AAG/C,EAAC"}

package/dist/elements/ClipboardAction/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useCallback } from 'react';
 import { toast } from 'sonner';
 import { MoreIcon } from '../../icons/More/index.js';
@@ -56,20 +57,69 @@ const baseClass = 'clipboard-action';
     if (!allowPaste && !allowCopy) {
         return null;
     }
-    return <Popup button={<MoreIcon/>} className={classes} disabled={disabled} horizontalAlign="center" render={({ close })=><PopupList.ButtonGroup>
-          <PopupList.Button className={copyClassName} disabled={!allowCopy} onClick={()=>{
-            void handleCopy();
-            close();
-        }}>
-            <ClipboardActionLabel isRow={isRow}/>
-          </PopupList.Button>
-          <PopupList.Button className={pasteClassName} disabled={!allowPaste} onClick={()=>{
-            void handlePaste();
-            close();
-        }}>
-            <ClipboardActionLabel isPaste isRow={isRow}/>
-          </PopupList.Button>
-        </PopupList.ButtonGroup>} size="large" verticalAlign="bottom"/>;
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: /*#__PURE__*/ _jsxDEV(MoreIcon, {}, void 0, false, {
+            fileName: "src/elements/ClipboardAction/index.tsx",
+            lineNumber: 92,
+            columnNumber: 15
+        }, void 0),
+        className: classes,
+        disabled: disabled,
+        horizontalAlign: "center",
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                        className: copyClassName,
+                        disabled: !allowCopy,
+                        onClick: ()=>{
+                            void handleCopy();
+                            close();
+                        },
+                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
+                            isRow: isRow
+                        }, void 0, false, {
+                            fileName: "src/elements/ClipboardAction/index.tsx",
+                            lineNumber: 106,
+                            columnNumber: 13
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/elements/ClipboardAction/index.tsx",
+                        lineNumber: 98,
+                        columnNumber: 11
+                    }, void 0),
+                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                        className: pasteClassName,
+                        disabled: !allowPaste,
+                        onClick: ()=>{
+                            void handlePaste();
+                            close();
+                        },
+                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
+                            isPaste: true,
+                            isRow: isRow
+                        }, void 0, false, {
+                            fileName: "src/elements/ClipboardAction/index.tsx",
+                            lineNumber: 116,
+                            columnNumber: 13
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/elements/ClipboardAction/index.tsx",
+                        lineNumber: 108,
+                        columnNumber: 11
+                    }, void 0)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/ClipboardAction/index.tsx",
+                lineNumber: 97,
+                columnNumber: 9
+            }, void 0),
+        size: "large",
+        verticalAlign: "bottom"
+    }, void 0, false, {
+        fileName: "src/elements/ClipboardAction/index.tsx",
+        lineNumber: 91,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { ClipboardActionLabel } from './ClipboardActionLabel.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"center\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isRow={isRow} />\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isPaste isRow={isRow} />\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      size=\"large\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"names":["useCallback","toast","MoreIcon","useTranslation","Popup","PopupList","ClipboardActionLabel","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","button","horizontalAlign","render","close","ButtonGroup","Button","onClick","isPaste","size","verticalAlign"],"mappings":"AAAA;AAIA,SAAkBA,WAAW,QAAQ,QAAO;AAC5C,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,aAAa,EAAEC,cAAc,QAAQ,0BAAyB;AAEvE,MAAMC,YAAY;AAclB;;;CAGC,GACD,OAAO,MAAMC,kBAA6B,CAAC,EACzCC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACPC,cAAc,EACdC,IAAI,EACJ,GAAGC,MACJ;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGlB;IAEd,MAAMmB,UAAU;QAAC,GAAGb,UAAU,OAAO,CAAC;QAAEI;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;IAExE,MAAMC,aAAa1B,YAAY;QAC7B,MAAM2B,kBAAkBpB,cAAc;YACpCY;YACAE;YACA,GAAGD,IAAI;QACT;QAEA,IAAI,OAAOO,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd,OAAO;YACL1B,MAAM4B,OAAO,CAACR,EAAE;QAClB;IACF,GAAG;QAACA;QAAGD;QAAMD;KAAK;IAElB,MAAMW,cAAc9B,YAAY;QAC9B,MAAM2B,kBAAkBnB,eACtBY,KAAKW,IAAI,KAAK,UACV;YACEd;YACAE;YACAa,cAAcZ,KAAKa,MAAM;YACzBZ;QACF,IACA;YACEJ;YACAE;YACAe,cAAcd,KAAKe,MAAM;YACzBd;QACF;QAGN,IAAI,OAAOM,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd;IACF,GAAG;QAACV;QAASG;QAAMD;QAAME;KAAE;IAE3B,IAAI,CAACT,cAAc,CAACD,WAAW;QAC7B,OAAO;IACT;IAEA,QACGP,MACCgC,SAASlC,YACTW,WAAWS,SACXP,UAAUA,UACVsB,gBAAgB,SAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,IACflC,UAAUmC,YAAY;UACrB,CAACnC,UAAUoC,OACT5B,WAAWC,eACXC,UAAU,CAACJ,WACX+B,SAAS;YACP,KAAKhB;YACLa;QACF,GACD;YACC,CAACjC,qBAAqBU,OAAOA,QAAS;UACxC,EAAEX,UAAUoC,OAAO;UACnB,CAACpC,UAAUoC,OACT5B,WAAWK,gBACXH,UAAU,CAACH,YACX8B,SAAS;YACP,KAAKZ;YACLS;QACF,GACD;YACC,CAACjC,qBAAqBqC,QAAQ3B,OAAOA,QAAS;UAChD,EAAEX,UAAUoC,OAAO;QACrB,EAAEpC,UAAUmC,cAEdI,KAAK,QACLC,cAAc;AAGpB,EAAC"}
+{"version":3,"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { ClipboardActionLabel } from './ClipboardActionLabel.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n  allowCopy?: boolean\n  allowPaste?: boolean\n  className?: string\n  copyClassName?: string\n  disabled?: boolean\n  getDataToCopy: () => FormStateWithoutComponents\n  isRow?: boolean\n  onPaste: OnPasteFn\n  pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n  allowCopy,\n  allowPaste,\n  className,\n  copyClassName,\n  disabled,\n  isRow,\n  onPaste,\n  pasteClassName,\n  path,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n  const handleCopy = useCallback(() => {\n    const clipboardResult = clipboardCopy({\n      path,\n      t,\n      ...rest,\n    })\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    } else {\n      toast.success(t('general:copied'))\n    }\n  }, [t, rest, path])\n\n  const handlePaste = useCallback(() => {\n    const clipboardResult = clipboardPaste(\n      rest.type === 'array'\n        ? {\n            onPaste,\n            path,\n            schemaFields: rest.fields,\n            t,\n          }\n        : {\n            onPaste,\n            path,\n            schemaBlocks: rest.blocks,\n            t,\n          },\n    )\n\n    if (typeof clipboardResult === 'string') {\n      toast.error(clipboardResult)\n    }\n  }, [onPaste, rest, path, t])\n\n  if (!allowPaste && !allowCopy) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<MoreIcon />}\n      className={classes}\n      disabled={disabled}\n      horizontalAlign=\"center\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            className={copyClassName}\n            disabled={!allowCopy}\n            onClick={() => {\n              void handleCopy()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isRow={isRow} />\n          </PopupList.Button>\n          <PopupList.Button\n            className={pasteClassName}\n            disabled={!allowPaste}\n            onClick={() => {\n              void handlePaste()\n              close()\n            }}\n          >\n            <ClipboardActionLabel isPaste isRow={isRow} />\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      size=\"large\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"names":["useCallback","toast","MoreIcon","useTranslation","Popup","PopupList","ClipboardActionLabel","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","button","horizontalAlign","render","close","ButtonGroup","Button","onClick","isPaste","size","verticalAlign"],"mappings":"AAAA;;AAIA,SAAkBA,WAAW,QAAQ,QAAO;AAC5C,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,aAAa,EAAEC,cAAc,QAAQ,0BAAyB;AAEvE,MAAMC,YAAY;AAclB;;;CAGC,GACD,OAAO,MAAMC,kBAA6B,CAAC,EACzCC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACPC,cAAc,EACdC,IAAI,EACJ,GAAGC,MACJ;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGlB;IAEd,MAAMmB,UAAU;QAAC,GAAGb,UAAU,OAAO,CAAC;QAAEI;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;IAExE,MAAMC,aAAa1B,YAAY;QAC7B,MAAM2B,kBAAkBpB,cAAc;YACpCY;YACAE;YACA,GAAGD,IAAI;QACT;QAEA,IAAI,OAAOO,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd,OAAO;YACL1B,MAAM4B,OAAO,CAACR,EAAE;QAClB;IACF,GAAG;QAACA;QAAGD;QAAMD;KAAK;IAElB,MAAMW,cAAc9B,YAAY;QAC9B,MAAM2B,kBAAkBnB,eACtBY,KAAKW,IAAI,KAAK,UACV;YACEd;YACAE;YACAa,cAAcZ,KAAKa,MAAM;YACzBZ;QACF,IACA;YACEJ;YACAE;YACAe,cAAcd,KAAKe,MAAM;YACzBd;QACF;QAGN,IAAI,OAAOM,oBAAoB,UAAU;YACvC1B,MAAM2B,KAAK,CAACD;QACd;IACF,GAAG;QAACV;QAASG;QAAMD;QAAME;KAAE;IAE3B,IAAI,CAACT,cAAc,CAACD,WAAW;QAC7B,OAAO;IACT;IAEA,qBACE,QAACP;QACCgC,sBAAQ,QAAClC;;;;;QACTW,WAAWS;QACXP,UAAUA;QACVsB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,QAAClC,UAAUmC,WAAW;;kCACpB,QAACnC,UAAUoC,MAAM;wBACf5B,WAAWC;wBACXC,UAAU,CAACJ;wBACX+B,SAAS;4BACP,KAAKhB;4BACLa;wBACF;kCAEA,cAAA,QAACjC;4BAAqBU,OAAOA;;;;;;;;;;;kCAE/B,QAACX,UAAUoC,MAAM;wBACf5B,WAAWK;wBACXH,UAAU,CAACH;wBACX8B,SAAS;4BACP,KAAKZ;4BACLS;wBACF;kCAEA,cAAA,QAACjC;4BAAqBqC,OAAO;4BAAC3B,OAAOA;;;;;;;;;;;;;;;;;QAI3C4B,MAAK;QACLC,eAAc;;;;;;AAGpB,EAAC"}