@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

package/dist/elements/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAcvC,OAAO,aAAa,CAAA;AAgBpB,eAAO,MAAM,cAAc;;;;;;uBA4B1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuKlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAcvC,OAAO,aAAa,CAAA;AAgBpB,eAAO,MAAM,cAAc;;;;;;uBA4B1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmLlC,CAAA"}

package/dist/elements/Button/index.js

@@ -63,7 +63,11 @@ export const Button = props => {
   const {
     id,
     type = 'button',
+    'aria-controls': ariaControls,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
     'aria-label': ariaLabel,
+    'aria-pressed': ariaPressed,
     buttonStyle = 'primary',
     children,
     className,
@@ -77,7 +81,9 @@ export const Button = props => {
     margin = true,
     newTab,
     onClick,
+    onKeyDown,
     onMouseDown,
+    popupAriaLabel,
     popupIconSize,
     ref,
     round,
@@ -109,11 +115,16 @@ export const Button = props => {
   const buttonProps = {
     id,
     type,
+    'aria-controls': ariaControls,
     'aria-disabled': isDisabled,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
     'aria-label': ariaLabel,
+    'aria-pressed': ariaPressed,
     className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,
     disabled: isDisabled,
     onClick: !isDisabled ? handleClick : undefined,
+    onKeyDown: !isDisabled ? onKeyDown : undefined,
     onMouseDown: !isDisabled ? onMouseDown : undefined,
     onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,
     onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,
@@ -187,13 +198,14 @@ export const Button = props => {
         button: /*#__PURE__*/_jsx(ChevronIcon, {
           size: popupIconSize
         }),
-        buttonAriaLabel: t('general:moreOptions'),
+        buttonAriaLabel: popupAriaLabel || t('general:moreOptions'),
         buttonSize: size,
         className: disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : '',
         disabled: disabled && !enableSubMenu,
         horizontalAlign: "right",
         id: `${id}-popup`,
         noBackground: true,
+        popupType: "menu",
         render: ({
           close
         }) => SubMenuPopupContent({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","ChevronIcon","ClipboardIcon","EditIcon","LinkIcon","PlusIcon","SpinnerIcon","SwapIcon","WriteIcon","XIcon","useTranslation","Link","Popup","Tooltip","icons","chevron","clipboard","edit","link","plus","swap","write","x","baseClass","ButtonContents","children","icon","loading","showTooltip","tooltip","BuiltInIcon","undefined","isReactIcon","_jsxs","_jsx","className","show","size","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","margin","newTab","onClick","onMouseDown","popupIconSize","ref","round","selected","SubMenuPopupContent","to","url","setShowTooltip","useState","t","isDisabled","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","href","prefetch","Tag","button","buttonAriaLabel","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SpinnerIcon } from '../../icons/Spinner/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { WriteIcon } from '../../icons/Write/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.css'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  clipboard: ClipboardIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  write: WriteIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, loading, showTooltip, tooltip }) => {\n  const BuiltInIcon = typeof icon === 'string' ? icons[icon] : undefined\n  // Check if icon is a React element (including RSC payloads) - not a string icon name\n  const isReactIcon = icon && typeof icon !== 'string'\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {loading && (\n        <span className={`${baseClass}__loading`}>\n          <SpinnerIcon />\n        </span>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isReactIcon && icon}\n            {BuiltInIcon && <BuiltInIcon size={24} />}\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    loading,\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    popupIconSize,\n    ref,\n    round,\n    selected,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  // Explicit `=== true` check preserves `false` for aria-disabled attribute.\n  // Using `disabled || loading` would treat `false` as falsy, omitting the attribute entirely.\n  const isDisabled = disabled === true || loading === true\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\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    loading && `${baseClass}--loading`,\n    icon && !children && `${baseClass}--icon-only`,\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    isDisabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    selected && `${baseClass}--selected`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': isDisabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled: isDisabled,\n    onClick: !isDisabled ? handleClick : undefined,\n    onMouseDown: !isDisabled ? 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: tooltip ? undefined : ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!isDisabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (isDisabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents\n              icon={icon}\n              loading={loading}\n              showTooltip={showTooltip}\n              tooltip={tooltip}\n            >\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} loading={loading} 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} loading={loading} 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 size={popupIconSize} />}\n          buttonAriaLabel={t('general:moreOptions')}\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=\"small\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Fragment","ChevronIcon","ClipboardIcon","EditIcon","LinkIcon","PlusIcon","SpinnerIcon","SwapIcon","WriteIcon","XIcon","useTranslation","Link","Popup","Tooltip","icons","chevron","clipboard","edit","link","plus","swap","write","x","baseClass","ButtonContents","children","icon","loading","showTooltip","tooltip","BuiltInIcon","undefined","isReactIcon","_jsxs","_jsx","className","show","size","Button","props","id","type","ariaControls","ariaExpanded","ariaHasPopup","ariaLabel","ariaPressed","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","margin","newTab","onClick","onKeyDown","onMouseDown","popupAriaLabel","popupIconSize","ref","round","selected","SubMenuPopupContent","to","url","setShowTooltip","useState","t","isDisabled","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","href","prefetch","Tag","button","buttonAriaLabel","buttonSize","horizontalAlign","noBackground","popupType","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SpinnerIcon } from '../../icons/Spinner/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { WriteIcon } from '../../icons/Write/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.css'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  clipboard: ClipboardIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  write: WriteIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, loading, showTooltip, tooltip }) => {\n  const BuiltInIcon = typeof icon === 'string' ? icons[icon] : undefined\n  // Check if icon is a React element (including RSC payloads) - not a string icon name\n  const isReactIcon = icon && typeof icon !== 'string'\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {loading && (\n        <span className={`${baseClass}__loading`}>\n          <SpinnerIcon />\n        </span>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isReactIcon && icon}\n            {BuiltInIcon && <BuiltInIcon size={24} />}\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-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'aria-label': ariaLabel,\n    'aria-pressed': ariaPressed,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    loading,\n    margin = true,\n    newTab,\n    onClick,\n    onKeyDown,\n    onMouseDown,\n    popupAriaLabel,\n    popupIconSize,\n    ref,\n    round,\n    selected,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  // Explicit `=== true` check preserves `false` for aria-disabled attribute.\n  // Using `disabled || loading` would treat `false` as falsy, omitting the attribute entirely.\n  const isDisabled = disabled === true || loading === true\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\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    loading && `${baseClass}--loading`,\n    icon && !children && `${baseClass}--icon-only`,\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    isDisabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    selected && `${baseClass}--selected`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-controls': ariaControls,\n    'aria-disabled': isDisabled,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'aria-label': ariaLabel,\n    'aria-pressed': ariaPressed,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled: isDisabled,\n    onClick: !isDisabled ? handleClick : undefined,\n    onKeyDown: !isDisabled ? onKeyDown : undefined,\n    onMouseDown: !isDisabled ? 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: tooltip ? undefined : ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!isDisabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (isDisabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents\n              icon={icon}\n              loading={loading}\n              showTooltip={showTooltip}\n              tooltip={tooltip}\n            >\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} loading={loading} 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} loading={loading} 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 size={popupIconSize} />}\n          buttonAriaLabel={popupAriaLabel || t('general:moreOptions')}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          popupType=\"menu\"\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"small\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Button/types.d.ts

@@ -1,13 +1,17 @@
-import type { ElementType, MouseEvent } from 'react';
+import type { AriaAttributes, ElementType, KeyboardEventHandler, MouseEvent } from 'react';
 import type React from 'react';
 type secondaryAction = {
     label: string;
     onClick: (event: MouseEvent) => void;
 };
 export type Props = {
-    'aria-label'?: string;
+    'aria-controls'?: AriaAttributes['aria-controls'];
+    'aria-expanded'?: AriaAttributes['aria-expanded'];
+    'aria-haspopup'?: AriaAttributes['aria-haspopup'];
+    'aria-label'?: AriaAttributes['aria-label'];
+    'aria-pressed'?: AriaAttributes['aria-pressed'];
     buttonId?: string;
-    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'primary-ghost' | 'secondary';
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
@@ -27,7 +31,9 @@ export type Props = {
     margin?: boolean;
     newTab?: boolean;
     onClick?: (event: MouseEvent) => void;
+    onKeyDown?: KeyboardEventHandler;
     onMouseDown?: (event: MouseEvent) => void;
+    popupAriaLabel?: string;
     /**
      * Size of the chevron icon in the split-button popup trigger.
      * @default 24

package/dist/elements/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EACR,QAAQ,GACR,aAAa,GACb,OAAO,GACP,MAAM,GACN,MAAM,GACN,SAAS,GACT,eAAe,GACf,WAAW,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  id?: string\n  /**\n   * Shows a loading spinner and hides content. Disables interactions.\n   */\n  loading?: boolean\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Size of the chevron icon in the split-button popup trigger.\n   * @default 24\n   */\n  popupIconSize?: 16 | 24\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  /**\n   * Applies selected/active styling (e.g., for popup triggers when popup is open)\n   */\n  selected?: boolean\n  size?: 'large' | 'medium'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAQA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { AriaAttributes, ElementType, KeyboardEventHandler, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-controls'?: AriaAttributes['aria-controls']\n  'aria-expanded'?: AriaAttributes['aria-expanded']\n  'aria-haspopup'?: AriaAttributes['aria-haspopup']\n  'aria-label'?: AriaAttributes['aria-label']\n  'aria-pressed'?: AriaAttributes['aria-pressed']\n  buttonId?: string\n  buttonStyle?:\n    | 'dashed'\n    | 'destructive'\n    | 'ghost'\n    | 'link'\n    | 'pill'\n    | 'primary'\n    | 'primary-ghost'\n    | 'secondary'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  id?: string\n  /**\n   * Shows a loading spinner and hides content. Disables interactions.\n   */\n  loading?: boolean\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onKeyDown?: KeyboardEventHandler\n  onMouseDown?: (event: MouseEvent) => void\n  popupAriaLabel?: string\n  /**\n   * Size of the chevron icon in the split-button popup trigger.\n   * @default 24\n   */\n  popupIconSize?: 16 | 24\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  /**\n   * Applies selected/active styling (e.g., for popup triggers when popup is open)\n   */\n  selected?: boolean\n  size?: 'large' | 'medium'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAQA","ignoreList":[]}

package/dist/elements/Card/index.css

@@ -1,11 +1,11 @@
 @layer payload-default {
   .card {
-    background: var(--color-bg-secondary);
-    padding: var(--spacer-2-5) var(--spacer-3);
+    background: var(--color-bg);
+    padding: var(--spacer-2-5);
     width: 100%;
     min-height: 4rem;
     position: relative;
-    border-radius: var(--radius-medium);
+    border-radius: var(--radius-large);
     border: var(--stroke-width-small) solid var(--color-border);
     display: flex;
     align-items: stretch;
@@ -14,10 +14,9 @@
 
   .card__title {
     letter-spacing: var(--text-body-medium-letter-spacing);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     color: var(--color-text);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -36,7 +35,7 @@
     cursor: pointer;
 
     &:hover {
-      background: var(--color-bg-secondary-hover);
+      background: var(--color-bg-secondary);
     }
 
     &:has(.card__click:active) {

package/dist/elements/CardGrid/index.css

@@ -0,0 +1,19 @@
+@layer payload-default {
+  .card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: var(--spacer-3);
+    margin: 0;
+    list-style: none;
+    padding: var(--spacer-4) var(--gutter-h);
+  }
+
+  .card-grid__item {
+    min-width: 0;
+  }
+
+  .card-grid__item--selected {
+    border-radius: var(--radius-large);
+    box-shadow: 0 0 0 var(--stroke-width-medium) var(--color-border-selected);
+  }
+}

package/dist/elements/CardGrid/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.css';
+export type CardGridProps<T> = {
+    readonly ariaLabel: string;
+    readonly className?: string;
+    readonly getItemClassName?: (item: T) => string | undefined;
+    readonly getKey: (item: T) => React.Key;
+    readonly items: readonly T[];
+    readonly renderItem: (item: T) => React.ReactNode;
+};
+/** A presentation-only responsive grid. Selection, navigation, and drag behavior belong to callers. */
+export declare const CardGrid: <T>({ ariaLabel, className, getItemClassName, getKey, items, renderItem, }: CardGridProps<T>) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/CardGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CardGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IAC3D,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,uGAAuG;AACvG,eAAO,MAAM,QAAQ,GAAI,CAAC,0EAOvB,aAAa,CAAC,CAAC,CAAC,sBAWlB,CAAA"}

package/dist/elements/CardGrid/index.js

@@ -0,0 +1,23 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const baseClass = 'card-grid';
+/** A presentation-only responsive grid. Selection, navigation, and drag behavior belong to callers. */
+export const CardGrid = ({
+  ariaLabel,
+  className,
+  getItemClassName,
+  getKey,
+  items,
+  renderItem
+}) => /*#__PURE__*/_jsx("ul", {
+  "aria-label": ariaLabel,
+  className: [baseClass, className].filter(Boolean).join(' '),
+  children: items.map(item => /*#__PURE__*/_jsx("li", {
+    className: [`${baseClass}__item`, getItemClassName?.(item)].filter(Boolean).join(' '),
+    children: renderItem(item)
+  }, getKey(item)))
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","CardGrid","ariaLabel","className","getItemClassName","getKey","items","renderItem","_jsx","filter","Boolean","join","map","item"],"sources":["../../../src/elements/CardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'card-grid'\n\nexport type CardGridProps<T> = {\n  readonly ariaLabel: string\n  readonly className?: string\n  readonly getItemClassName?: (item: T) => string | undefined\n  readonly getKey: (item: T) => React.Key\n  readonly items: readonly T[]\n  readonly renderItem: (item: T) => React.ReactNode\n}\n\n/** A presentation-only responsive grid. Selection, navigation, and drag behavior belong to callers. */\nexport const CardGrid = <T,>({\n  ariaLabel,\n  className,\n  getItemClassName,\n  getKey,\n  items,\n  renderItem,\n}: CardGridProps<T>) => (\n  <ul aria-label={ariaLabel} className={[baseClass, className].filter(Boolean).join(' ')}>\n    {items.map((item) => (\n      <li\n        className={[`${baseClass}__item`, getItemClassName?.(item)].filter(Boolean).join(' ')}\n        key={getKey(item)}\n      >\n        {renderItem(item)}\n      </li>\n    ))}\n  </ul>\n)\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB;AACA,OAAO,MAAMC,QAAA,GAAWA,CAAK;EAC3BC,SAAS;EACTC,SAAS;EACTC,gBAAgB;EAChBC,MAAM;EACNC,KAAK;EACLC;AAAU,CACO,kBACjBC,IAAA,CAAC;EAAG,cAAYN,SAAA;EAAWC,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;YAC/EL,KAAA,CAAMM,GAAG,CAAEC,IAAA,iBACVL,IAAA,CAAC;IACCL,SAAA,EAAW,CAAC,GAAGH,SAAA,QAAiB,EAAEI,gBAAA,GAAmBS,IAAA,EAAM,CAACJ,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAGhFJ,UAAA,CAAWM,IAAA;KAFPR,MAAA,CAAOQ,IAAA","ignoreList":[]}

package/dist/elements/Chip/index.css

@@ -6,7 +6,6 @@
     gap: 0;
     border-radius: var(--button-radius);
     border: var(--stroke-width-small) solid var(--color-border);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","baseClass","Chip","t0","$","id","ariaLabel","children","className","disabled","elementProps","icon","onClick","onRemove","selected","size","t1","variant","t2","undefined","t","t3","t4","t5","t6","filter","Boolean","classes","join","t7","ref","t8","_jsxs","_jsx","type"],"sources":["../../../src/elements/Chip/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes } from 'react'\n\nimport React from 'react'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'chip'\n\nexport type ChipVariant = 'danger' | 'default' | 'success' | 'warning'\n\nexport type ChipProps = {\n  'aria-label'?: string\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  elementProps?: {\n    ref?: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  onRemove?: () => void\n  selected?: boolean\n  size?: 'large' | 'medium'\n  variant?: ChipVariant\n}\n\nexport const Chip: React.FC<ChipProps> = ({\n  id,\n  'aria-label': ariaLabel,\n  children,\n  className,\n  disabled,\n  elementProps,\n  icon,\n  onClick,\n  onRemove,\n  selected,\n  size = 'medium',\n  variant = 'default',\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [\n    baseClass,\n    `${baseClass}--size-${size}`,\n    `${baseClass}--variant-${variant}`,\n    selected && `${baseClass}--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div {...elementProps} className={classes} id={id} ref={elementProps?.ref}>\n      {onClick ? (\n        <button\n          aria-label={ariaLabel}\n          className={`${baseClass}__action`}\n          disabled={disabled}\n          onClick={onClick}\n          type=\"button\"\n        />\n      ) : null}\n      {icon ? <span className={`${baseClass}__icon`}>{icon}</span> : null}\n      <span className={`${baseClass}__label`}>{children}</span>\n      {onRemove ? (\n        <button\n          aria-label={t('general:remove')}\n          className={`${baseClass}__remove`}\n          disabled={disabled}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <XIcon size={24} />\n        </button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","XIcon","useTranslation","baseClass","Chip","t0","$","id","ariaLabel","children","className","disabled","elementProps","icon","onClick","onRemove","selected","size","t1","variant","t2","undefined","t","t3","t4","t5","t6","filter","Boolean","classes","join","t7","ref","t8","_jsxs","_jsx","type"],"sources":["../../../src/elements/Chip/index.tsx"],"sourcesContent":["'use client'\nimport type { HTMLAttributes } from 'react'\n\nimport React from 'react'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'chip'\n\nexport type ChipVariant = 'danger' | 'default' | 'success' | 'warning'\n\nexport type ChipProps = {\n  'aria-label'?: string\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  elementProps?: {\n    ref?: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  onRemove?: () => void\n  selected?: boolean\n  size?: 'large' | 'medium'\n  variant?: ChipVariant\n}\n\nexport const Chip: React.FC<ChipProps> = ({\n  id,\n  'aria-label': ariaLabel,\n  children,\n  className,\n  disabled,\n  elementProps,\n  icon,\n  onClick,\n  onRemove,\n  selected,\n  size = 'medium',\n  variant = 'default',\n}) => {\n  const { t } = useTranslation()\n\n  const classes = [\n    baseClass,\n    `${baseClass}--size-${size}`,\n    `${baseClass}--variant-${variant}`,\n    selected && `${baseClass}--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div {...elementProps} className={classes} id={id} ref={elementProps?.ref}>\n      {onClick ? (\n        <button\n          aria-label={ariaLabel}\n          className={`${baseClass}__action`}\n          disabled={disabled}\n          onClick={onClick}\n          type=\"button\"\n        />\n      ) : null}\n      {icon ? <span className={`${baseClass}__icon`}>{icon}</span> : null}\n      <span className={`${baseClass}__label`}>{children}</span>\n      {onRemove ? (\n        <button\n          aria-label={t('general:remove')}\n          className={`${baseClass}__remove`}\n          disabled={disabled}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <XIcon size={24} />\n        </button>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ClipboardActionLabel.js","names":["c","_c","Fragment","ClipboardIcon","CopyIcon","useTranslation","ClipboardActionLabel","t0","$","isPaste","isRow","t","t1","label","_jsxs","children","_jsx"],"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { CopyIcon } from '../../icons/Copy/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 ? <ClipboardIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AAEzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,oBAAA,GAAuBC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,OAAA;IAAAC;EAAA,IAAAH,EAMpC;EACC;IAAAI;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAG,CAAA;IAEd,IAAAE,KAAA,GAAYF,CAAA,CAAE;IAAA,IACV,CAACD,KAAA,IAASD,OAAA;MACZI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;IAAV;MAAA,IACSD,KAAA,KAAUD,OAAA;QACnBI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;MAAV;QAAA,IACSD,KAAA,IAASD,OAAA;UAClBI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;QAAV;MAAA;IAAA;IAIAC,EAAA,GAAAE,KAAA,CAAAZ,QAAA;MAAAa,QAAA,GACGN,OAAA,GAAUO,IAAA,CAAAb,aAAA,IAAC,IAAmBa,IAAA,CAAAZ,QAAA,IAAC,GAAY,KAAES,KAAA;IAAA,C;;;;;;;;SADhDD,E;CAIJ","ignoreList":[]}
+{"version":3,"file":"ClipboardActionLabel.js","names":["c","_c","Fragment","ClipboardIcon","CopyIcon","useTranslation","ClipboardActionLabel","t0","$","isPaste","isRow","t","t1","label","_jsxs","children","_jsx"],"sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment } from 'react'\n\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { CopyIcon } from '../../icons/Copy/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 ? <ClipboardIcon /> : <CopyIcon />} {label}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AAEzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,oBAAA,GAAuBC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,OAAA;IAAAC;EAAA,IAAAH,EAMpC;EACC;IAAAI;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAG,CAAA;IAEd,IAAAE,KAAA,GAAYF,CAAA,CAAE;IACd,IAAI,CAACD,KAAS,IAAVD,OAAU;MACZI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;IAAV;MACK,IAAID,KAAU,IAAV,CAAUD,OAAA;QACnBI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;MAAV;QACK,IAAID,KAAS,IAATD,OAAS;UAClBI,KAAA,CAAAA,CAAA,CAAQF,CAAA,CAAE;QAAV;MACF;IAAA;IAGEC,EAAA,GAAAE,KAAA,CAACZ,QAAA;MAAAa,QAAA,E,CACEN,OAAA,GAAUO,IAAA,CAACb,aAAA,IAAoB,IAADa,IAAA,CAACZ,QAAA,OAAY,KAAES,KAAA;;;;;;;;;SADhDD,E;CAIJ","ignoreList":[]}

package/dist/elements/ClipboardAction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAS9D,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAyGrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAS9D,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA0GrC,CAAA"}