@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

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":"AAAA;;AACA,OAAOA,SAASC,QAAQ,EAAEC,cAAc,QAAQ,QAAO;AAIvD,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,KAAK,QAAQ,oBAAmB;AACzC,OAAO,eAAc;AACrB,SAASC,OAAO,QAAQ,sBAAqB;AAE7C,MAAMC,QAAQ;IACZC,SAASV;IACTW,MAAMV;IACNW,MAAMV;IACNW,MAAMV;IACNW,MAAMV;IACNW,GAAGV;AACL;AAEA,MAAMW,YAAY;AAElB,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAE;IACrE,MAAMC,cAAcb,KAAK,CAACU,KAAK;IAE/B,qBACE,MAACrB;;YACEuB,yBACC,KAACb;gBAAQe,WAAW,GAAGP,UAAU,SAAS,CAAC;gBAAEQ,MAAMJ;0BAChDC;;0BAGL,MAACI;gBAAKF,WAAW,GAAGP,UAAU,SAAS,CAAC;;oBACrCE,0BAAY,KAACO;wBAAKF,WAAW,GAAGP,UAAU,OAAO,CAAC;kCAAGE;;oBACrDC,sBACC,MAACM;wBAAKF,WAAW,GAAGP,UAAU,MAAM,CAAC;;0CAClCjB,eAAeoB,SAASA;4BACxBG,6BAAe,KAACA;;;;;;;AAM7B,EAAC;AAED,OAAO,MAAMI,SAA0B,CAACC;IACtC,MAAM,EACJC,EAAE,EACFC,OAAO,QAAQ,EACf,cAAcC,SAAS,EACvBC,cAAc,SAAS,EACvBb,QAAQ,EACRK,SAAS,EACTS,QAAQ,EACRC,KAAK,QAAQ,EACbC,aAAa,EACbC,mBAAmB,CAAC,CAAC,EACrBhB,IAAI,EACJiB,eAAe,OAAO,EACtBC,YAAY,gBAAgB,EAC5BC,SAAS,IAAI,EACbC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,GAAG,EACHC,KAAK,EACLC,OAAO,QAAQ,EACfC,mBAAmB,EACnBC,EAAE,EACFzB,OAAO,EACP0B,GAAG,EACJ,GAAGpB;IAEJ,MAAM,CAACP,aAAa4B,eAAe,GAAGnD,MAAMoD,QAAQ,CAAC;IAErD,MAAMC,UAAU;QACdlC;QACAO,aAAaA;QACbJ,QAAQ,GAAGH,UAAU,MAAM,CAAC;QAC5BqB,aAAa,GAAGrB,UAAU,aAAa,EAAEqB,WAAW;QACpDlB,QAAQ,CAACD,YAAY,GAAGF,UAAU,WAAW,CAAC;QAC9C4B,QAAQ,GAAG5B,UAAU,OAAO,EAAE4B,MAAM;QACpCzB,QAAQiB,gBAAgB,GAAGpB,UAAU,gBAAgB,EAAEoB,cAAc;QACrEf,WAAW,GAAGL,UAAU,aAAa,CAAC;QACtC,CAAC6B,uBAAuB,GAAG7B,UAAU,cAAc,CAAC;QACpD,CAACsB,UAAU,GAAGtB,UAAU,WAAW,CAAC;KACrC,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,SAASC,YAAYC,KAAK;QACxBP,eAAe;QACf,IAAInB,SAAS,YAAYW,SAAS;YAChCe,MAAMC,cAAc;QACtB;QACA,IAAIhB,SAAS;YACXA,QAAQe;QACV;IACF;IAEA,MAAME,eAAe;QACnB1B,eAAe,GAAGf,UAAU,QAAQ,EAAEe,aAAa;QACnDC,YAAY,GAAGhB,UAAU,UAAU,CAAC;QACpC2B,SAAS,GAAG3B,UAAU,OAAO,CAAC;QAC9B6B,sBAAsB,GAAG7B,UAAU,WAAW,CAAC,GAAG,GAAGA,UAAU,cAAc,CAAC;KAC/E,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMK,cAAc;QAClB9B;QACAC;QACA,iBAAiBG;QACjB,cAAcF;QACdP,WAAW,CAACsB,sBAAsB;YAACK;YAASO;SAAa,CAACJ,IAAI,CAAC,OAAOH;QACtElB;QACAQ,SAAS,CAACR,WAAWsB,cAAcK;QACnClB,aAAa,CAACT,WAAWS,cAAckB;QACvCC,gBAAgBvC,UAAU,IAAM2B,eAAe,QAAQW;QACvDE,gBAAgBxC,UAAU,IAAM2B,eAAe,SAASW;QACxDG,KAAKvB,SAAS,wBAAwBoB;QACtCI,QAAQxB,SAAS,WAAWoB;QAC5BK,OAAOlC;QACP,GAAGK,gBAAgB;IACrB;IAEA,IAAI8B;IAEJ,OAAQhC;QACN,KAAK;YACHgC,8BACE,KAACC;gBACE,GAAGR,WAAW;gBACfS,MAAM,CAACnC,WAAWe,MAAMY;gBACxBjB,KAAKA;0BAEL,cAAA,KAACzB;oBAAeE,MAAMA;oBAAMC,aAAaA;oBAAaC,SAASA;8BAC5DH;;;YAIP;QAEF,KAAK;YACH,IAAIc,UAAU;gBACZiC,8BACE,KAACG;oBAAK,GAAGV,WAAW;8BAClB,cAAA,KAACzC;wBAAeE,MAAMA;wBAAMC,aAAaA;wBAAaC,SAASA;kCAC5DH;;;YAIT;YAEA+C,8BACE,KAAC3D;gBAAM,GAAGoD,WAAW;gBAAES,MAAMrB,MAAMC;gBAAKsB,UAAU;0BAChD,cAAA,KAACpD;oBAAeE,MAAMA;oBAAMC,aAAaA;oBAAaC,SAASA;8BAC5DH;;;YAKP;QAEF;YACE,MAAMoD,MAAMrC;YAAG,2CAA2C;YAE1DgC,8BACE,KAACK;gBAAI5B,KAAKA;gBAAM,GAAGgB,WAAW;0BAC5B,cAAA,KAACzC;oBAAeE,MAAMA;oBAAMC,aAAaA;oBAAaC,SAASA;8BAC5DH;;;YAIP;IACJ;IACA,IAAI2B,qBAAqB;QACvB,qBACE,MAACuB;YAAI7C,WAAWkC;;gBACbQ;8BACD,KAAC1D;oBACCgE,sBAAQ,KAACvE;oBACTwE,YAAY5B;oBACZrB,WAAWS,YAAY,CAACE,gBAAgB,GAAGlB,UAAU,gBAAgB,CAAC,GAAG;oBACzEgB,UAAUA,YAAY,CAACE;oBACvBuC,iBAAgB;oBAChB7C,IAAI,GAAGA,GAAG,MAAM,CAAC;oBACjB8C,YAAY;oBACZC,QAAQ,CAAC,EAAEC,KAAK,EAAE,GAAK/B,oBAAoB;4BAAE+B,OAAO,IAAMA;wBAAQ;oBAClEhC,MAAK;oBACLiC,eAAc;;;;IAItB;IAEA,OAAOZ;AACT,EAAC"}
+{"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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { Button } from '../Button/index.js';
 import './index.scss';
@@ -16,28 +16,44 @@ export const Card = (props)=>{
         (onClick || href) && `${baseClass}--has-onclick`
     ].filter(Boolean).join(' ');
     const Tag = titleAs ?? 'div';
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: [
-            /*#__PURE__*/ _jsx(Tag, {
+            /*#__PURE__*/ _jsxDEV(Tag, {
                 className: `${baseClass}__title`,
                 children: title
-            }),
-            actions && /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/Card/index.tsx",
+                lineNumber: 37,
+                columnNumber: 7
+            }, this),
+            actions && /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__actions`,
                 children: actions
-            }),
-            (onClick || href) && /*#__PURE__*/ _jsx(Button, {
+            }, 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":["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,MAACM;QAAIC,WAAWN;QAASP,IAAIA;;0BAC3B,KAACW;gBAAIE,WAAW,GAAGhB,UAAU,OAAO,CAAC;0BAAGQ;;YACvCJ,yBAAW,KAACW;gBAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;0BAAGI;;YACpDG,CAAAA,WAAWD,IAAG,mBACd,KAACP;gBACCkB,cAAYZ;gBACZa,aAAY;gBACZF,WAAW,GAAGhB,UAAU,OAAO,CAAC;gBAChCmB,IAAG;gBACHZ,SAASA;gBACTa,IAAId;;;;AAKd,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,19 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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 /*#__PURE__*/ _jsx(Popup, {
+    return /*#__PURE__*/ _jsxDEV(Popup, {
         button: Button,
         className: [
             baseClass,
             className
         ].filter(Boolean).join(' '),
         horizontalAlign: "right",
-        render: ({ close })=>/*#__PURE__*/ _jsx("div", {
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__options`,
-                children: options.map(({ label, value })=>/*#__PURE__*/ _jsx(CheckboxInput, {
+                children: options.map(({ label, value })=>/*#__PURE__*/ _jsxDEV(CheckboxInput, {
                         checked: selectedValues?.includes(value),
                         label: label,
                         onToggle: ()=>{
@@ -26,12 +26,24 @@ export function CheckboxPopup({ Button, className, onChange, options, selectedVa
                                 selectedValues: newSelectedValues
                             });
                         }
-                    }, value))
-            }),
+                    }, 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","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,KAACR;QACCS,QAAQN;QACRC,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACC;gBAAIZ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BACpCK,QAAQW,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,iBAC5B,KAACpB;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"}
+{"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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -14,13 +14,25 @@ export const ClipboardActionLabel = ({ isPaste, isRow })=>{
     } else if (isRow && isPaste) {
         label = t('general:pasteRow');
     }
-    return /*#__PURE__*/ _jsxs(Fragment, {
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
         children: [
-            isPaste ? /*#__PURE__*/ _jsx(EditIcon, {}) : /*#__PURE__*/ _jsx(CopyIcon, {}),
+            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,qBACE,MAACP;;YACEK,wBAAU,KAACH,8BAAc,KAACD;YAAY;YAAEO;;;AAG/C,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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useCallback } from 'react';
 import { toast } from 'sonner';
 import { MoreIcon } from '../../icons/More/index.js';
@@ -57,41 +57,69 @@ const baseClass = 'clipboard-action';
     if (!allowPaste && !allowCopy) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(Popup, {
-        button: /*#__PURE__*/ _jsx(MoreIcon, {}),
+    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__*/ _jsxs(PopupList.ButtonGroup, {
+        render: ({ close })=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
                 children: [
-                    /*#__PURE__*/ _jsx(PopupList.Button, {
+                    /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                         className: copyClassName,
                         disabled: !allowCopy,
                         onClick: ()=>{
                             void handleCopy();
                             close();
                         },
-                        children: /*#__PURE__*/ _jsx(ClipboardActionLabel, {
+                        children: /*#__PURE__*/ _jsxDEV(ClipboardActionLabel, {
                             isRow: isRow
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PopupList.Button, {
+                        }, 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__*/ _jsx(ClipboardActionLabel, {
+                        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,qBACE,KAACP;QACCgC,sBAAQ,KAAClC;QACTW,WAAWS;QACXP,UAAUA;QACVsB,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,MAAClC,UAAUmC,WAAW;;kCACpB,KAACnC,UAAUoC,MAAM;wBACf5B,WAAWC;wBACXC,UAAU,CAACJ;wBACX+B,SAAS;4BACP,KAAKhB;4BACLa;wBACF;kCAEA,cAAA,KAACjC;4BAAqBU,OAAOA;;;kCAE/B,KAACX,UAAUoC,MAAM;wBACf5B,WAAWK;wBACXH,UAAU,CAACH;wBACX8B,SAAS;4BACP,KAAKZ;4BACLS;wBACF;kCAEA,cAAA,KAACjC;4BAAqBqC,OAAO;4BAAC3B,OAAOA;;;;;QAI3C4B,MAAK;QACLC,eAAc;;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"}

package/dist/elements/CloseModalButton/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { XIcon } from '../../icons/X/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -7,7 +7,7 @@ const baseClass = 'close-modal-button';
 export function CloseModalButton({ slug, className }) {
     const { closeModal } = useModal();
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         "aria-label": t('general:close'),
         className: [
             baseClass,
@@ -17,8 +17,16 @@ export function CloseModalButton({ slug, className }) {
             closeModal(slug);
         },
         type: "button",
-        children: /*#__PURE__*/ _jsx(XIcon, {})
-    }, "close-button");
+        children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+            fileName: "src/elements/CloseModalButton/index.tsx",
+            lineNumber: 23,
+            columnNumber: 7
+        }, this)
+    }, "close-button", false, {
+        fileName: "src/elements/CloseModalButton/index.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CloseModalButton/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'close-modal-button'\n\nexport function CloseModalButton({ slug, className }: { className?: string; slug: string }) {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:close')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      key=\"close-button\"\n      onClick={() => {\n        closeModal(slug)\n      }}\n      type=\"button\"\n    >\n      <XIcon />\n    </button>\n  )\n}\n"],"names":["useModal","XIcon","useTranslation","baseClass","CloseModalButton","slug","className","closeModal","t","button","aria-label","filter","Boolean","join","onClick","type"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,qBAAoB;AAE7C,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,iBAAiB,EAAEC,IAAI,EAAEC,SAAS,EAAwC;IACxF,MAAM,EAAEC,UAAU,EAAE,GAAGP;IACvB,MAAM,EAAEQ,CAAC,EAAE,GAAGN;IAEd,qBACE,KAACO;QACCC,cAAYF,EAAE;QACdF,WAAW;YAACH;YAAWG;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;QAEvDC,SAAS;YACPP,WAAWF;QACb;QACAU,MAAK;kBAEL,cAAA,KAACd;OANG;AASV"}
+{"version":3,"sources":["../../../src/elements/CloseModalButton/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'close-modal-button'\n\nexport function CloseModalButton({ slug, className }: { className?: string; slug: string }) {\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  return (\n    <button\n      aria-label={t('general:close')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      key=\"close-button\"\n      onClick={() => {\n        closeModal(slug)\n      }}\n      type=\"button\"\n    >\n      <XIcon />\n    </button>\n  )\n}\n"],"names":["useModal","XIcon","useTranslation","baseClass","CloseModalButton","slug","className","closeModal","t","button","aria-label","filter","Boolean","join","onClick","type"],"mappings":";AAAA,SAASA,QAAQ,QAAQ,qBAAoB;AAE7C,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,iBAAiB,EAAEC,IAAI,EAAEC,SAAS,EAAwC;IACxF,MAAM,EAAEC,UAAU,EAAE,GAAGP;IACvB,MAAM,EAAEQ,CAAC,EAAE,GAAGN;IAEd,qBACE,QAACO;QACCC,cAAYF,EAAE;QACdF,WAAW;YAACH;YAAWG;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;QAEvDC,SAAS;YACPP,WAAWF;QACb;QACAU,MAAK;kBAEL,cAAA,QAACd;;;;;OANG;;;;;AASV"}

package/dist/elements/CodeEditor/CodeEditor.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import EditorImport from '@monaco-editor/react';
 import React, { useState } from 'react';
 import { useTheme } from '../../providers/Theme/index.js';
@@ -35,12 +35,16 @@ const CodeEditor = (props)=>{
         paddingFromProps,
         recalculatedHeightAt
     ]);
-    return /*#__PURE__*/ _jsx(Editor, {
+    return /*#__PURE__*/ _jsxDEV(Editor, {
         className: classes,
         height: maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight,
-        loading: /*#__PURE__*/ _jsx(ShimmerEffect, {
+        loading: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
             height: dynamicHeight
-        }),
+        }, void 0, false, {
+            fileName: "src/elements/CodeEditor/CodeEditor.tsx",
+            lineNumber: 63,
+            columnNumber: 16
+        }, void 0),
         options: {
             ...defaultGlobalEditorOptions,
             ...globalEditorOptions,
@@ -79,7 +83,11 @@ const CodeEditor = (props)=>{
             }
             setDynamicHeight(Math.max(MIN_HEIGHT, editor.getValue().split('\n').length * 18 + 2 + paddingFromProps));
         }
-    });
+    }, void 0, false, {
+        fileName: "src/elements/CodeEditor/CodeEditor.tsx",
+        lineNumber: 60,
+        columnNumber: 5
+    }, this);
 };
 // eslint-disable-next-line no-restricted-exports
 export default CodeEditor;

package/dist/elements/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { defaultGlobalEditorOptions, defaultOptions } from './constants.js'\nimport './index.scss'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const {\n    className,\n    maxHeight,\n    minHeight,\n    options,\n    readOnly,\n    recalculatedHeightAt,\n    value,\n    ...rest\n  } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n  const prevCalculatedHeightAt = React.useRef<number | undefined>(recalculatedHeightAt)\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {\n      setDynamicHeight(\n        value\n          ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n          : MIN_HEIGHT,\n      )\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      className={classes}\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        ...defaultGlobalEditorOptions,\n        ...globalEditorOptions,\n        readOnly: Boolean(readOnly),\n        /**\n         * onMount the model will set:\n         * - insertSpaces\n         * - tabSize\n         * - trimAutoWhitespace\n         */\n        detectIndentation: false,\n        insertSpaces: undefined,\n        tabSize: undefined,\n        trimAutoWhitespace: undefined,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      value={value}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(\n          value\n            ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n            : MIN_HEIGHT,\n        )\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,\n            tabSize: tabSize ?? defaultOptions.tabSize,\n            trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(MIN_HEIGHT, editor.getValue().split('\\n').length * 18 + 2 + paddingFromProps),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"names":["EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","CodeEditor","props","className","maxHeight","minHeight","options","readOnly","recalculatedHeightAt","value","rest","MIN_HEIGHT","prevCalculatedHeightAt","useRef","insertSpaces","tabSize","trimAutoWhitespace","globalEditorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","classes","defaultLanguage","filter","Boolean","join","useEffect","current","Math","max","split","length","height","min","loading","detectIndentation","undefined","onChange","ev","onMount","editor","monaco","model","getModel","updateOptions","getValue"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { defaultGlobalEditorOptions, defaultOptions } from './constants.js'\nimport './index.scss'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const {\n    className,\n    maxHeight,\n    minHeight,\n    options,\n    readOnly,\n    recalculatedHeightAt,\n    value,\n    ...rest\n  } = props\n  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines\n  const prevCalculatedHeightAt = React.useRef<number | undefined>(recalculatedHeightAt)\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {\n      setDynamicHeight(\n        value\n          ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n          : MIN_HEIGHT,\n      )\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, MIN_HEIGHT, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      className={classes}\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      loading={<ShimmerEffect height={dynamicHeight} />}\n      options={{\n        ...defaultGlobalEditorOptions,\n        ...globalEditorOptions,\n        readOnly: Boolean(readOnly),\n        /**\n         * onMount the model will set:\n         * - insertSpaces\n         * - tabSize\n         * - trimAutoWhitespace\n         */\n        detectIndentation: false,\n        insertSpaces: undefined,\n        tabSize: undefined,\n        trimAutoWhitespace: undefined,\n      }}\n      theme={theme === 'dark' ? 'vs-dark' : 'vs'}\n      value={value}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(\n          value\n            ? Math.max(MIN_HEIGHT, value.split('\\n').length * 18 + 2 + paddingFromProps)\n            : MIN_HEIGHT,\n        )\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,\n            tabSize: tabSize ?? defaultOptions.tabSize,\n            trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(MIN_HEIGHT, editor.getValue().split('\\n').length * 18 + 2 + paddingFromProps),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"names":["EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","CodeEditor","props","className","maxHeight","minHeight","options","readOnly","recalculatedHeightAt","value","rest","MIN_HEIGHT","prevCalculatedHeightAt","useRef","insertSpaces","tabSize","trimAutoWhitespace","globalEditorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","classes","defaultLanguage","filter","Boolean","join","useEffect","current","Math","max","split","length","height","min","loading","detectIndentation","undefined","onChange","ev","onMount","editor","monaco","model","getModel","updateOptions","getValue"],"mappings":"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"}

package/dist/elements/CodeEditor/index.js

@@ -1,15 +1,27 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { lazy, Suspense } from 'react';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 const LazyEditor = /*#__PURE__*/ lazy(()=>import('./CodeEditor.js'));
 export const CodeEditor = (props)=>{
-    return /*#__PURE__*/ _jsx(Suspense, {
-        fallback: /*#__PURE__*/ _jsx(ShimmerEffect, {}),
-        children: /*#__PURE__*/ _jsx(LazyEditor, {
+    return /*#__PURE__*/ _jsxDEV(Suspense, {
+        fallback: /*#__PURE__*/ _jsxDEV(ShimmerEffect, {}, void 0, false, {
+            fileName: "src/elements/CodeEditor/index.tsx",
+            lineNumber: 14,
+            columnNumber: 25
+        }, void 0),
+        children: /*#__PURE__*/ _jsxDEV(LazyEditor, {
             ...props
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/CodeEditor/index.tsx",
+            lineNumber: 15,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/CodeEditor/index.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  return (\n    <Suspense fallback={<ShimmerEffect />}>\n      <LazyEditor {...props} />\n    </Suspense>\n  )\n}\n"],"names":["React","lazy","Suspense","ShimmerEffect","LazyEditor","CodeEditor","props","fallback"],"mappings":"AAAA;;AACA,OAAOA,SAASC,IAAI,EAAEC,QAAQ,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaH,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMI,aAA8B,CAACC;IAC1C,qBACE,KAACJ;QAASK,wBAAU,KAACJ;kBACnB,cAAA,KAACC;YAAY,GAAGE,KAAK;;;AAG3B,EAAC"}
+{"version":3,"sources":["../../../src/elements/CodeEditor/index.tsx"],"sourcesContent":["'use client'\nimport React, { lazy, Suspense } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nconst LazyEditor = lazy(() => import('./CodeEditor.js'))\n\nexport type { Props }\n\nexport const CodeEditor: React.FC<Props> = (props) => {\n  return (\n    <Suspense fallback={<ShimmerEffect />}>\n      <LazyEditor {...props} />\n    </Suspense>\n  )\n}\n"],"names":["React","lazy","Suspense","ShimmerEffect","LazyEditor","CodeEditor","props","fallback"],"mappings":"AAAA;;AACA,OAAOA,SAASC,IAAI,EAAEC,QAAQ,QAAQ,QAAO;AAI7C,SAASC,aAAa,QAAQ,4BAA2B;AAEzD,MAAMC,2BAAaH,KAAK,IAAM,MAAM,CAAC;AAIrC,OAAO,MAAMI,aAA8B,CAACC;IAC1C,qBACE,QAACJ;QAASK,wBAAU,QAACJ;;;;;kBACnB,cAAA,QAACC;YAAY,GAAGE,KAAK;;;;;;;;;;;AAG3B,EAAC"}