@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d3909a9

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","i18n","stepNav","config","t1","routes","t2","admin","t","t3","_jsx","children","length","_jsxs","filter","Boolean","join","href","prefetch","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url","forceReload"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.css'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\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  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              item.url ? (\n                <Link forceReload={item.forceReload} href={item.url} key={i} prefetch={false}>\n                  <span className={`${baseClass}__last`}>{StepLabel}</span>\n                </Link>\n              ) : (\n                <span className={`${baseClass}__last`} key={i}>\n                  {StepLabel}\n                </span>\n              )\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <Link forceReload={item.forceReload} href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useEffect","useRef","useState","useConfig","useTranslation","Button","Popup","PopupList","StepNavProvider","useStepNav","SetStepNav","baseClass","minItemsToCollapse","StepNav","className","i18n","stepNav","config","routes","admin","t","navRef","measurerRef","isCollapsed","setIsCollapsed","firstItem","hasDashboardDropdown","url","label","isValidElement","stepNavItems","canCollapse","length","nav","current","measurer","container","parentElement","measure","available","clientWidth","needed","getBoundingClientRect","width","observer","ResizeObserver","observe","isEffectActive","document","fonts","ready","then","disconnect","renderItem","item","isFirst","isLast","StepLabel","isCurrent","itemClassName","undefined","filter","Boolean","join","_jsx","buttonStyle","el","extraButtonProps","separator","shouldCollapse","collapsedItems","slice","lastItem","_jsxs","ref","button","buttonAriaLabel","buttonClassName","buttonType","horizontalAlign","noBackground","popupType","render","close","ButtonGroup","map","i","ariaCurrent","href","onClick","size","verticalAlign","inert"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.css'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst minItemsToCollapse = 4\n\nconst StepNav: React.FC<{\n  readonly className?: string\n}> = ({ className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const navRef = useRef<HTMLElement>(null)\n  const measurerRef = useRef<HTMLDivElement>(null)\n  const [isCollapsed, setIsCollapsed] = useState(false)\n\n  // Check if first item is a dashboard dropdown (React element with no URL)\n  // In that case, it replaces the home element entirely\n  const firstItem = stepNav[0]\n  const hasDashboardDropdown =\n    firstItem &&\n    !firstItem.url &&\n    typeof firstItem.label !== 'string' &&\n    React.isValidElement(firstItem.label)\n\n  const stepNavItems = hasDashboardDropdown\n    ? stepNav\n    : [\n        {\n          label: t('general:dashboard'),\n          url: admin,\n        },\n        ...stepNav,\n      ]\n\n  const canCollapse = !hasDashboardDropdown && stepNavItems.length >= minItemsToCollapse\n\n  // Collapse only when the expanded breadcrumbs (measured via the hidden\n  // measurer) can't fit the available width.\n  useEffect(() => {\n    if (!canCollapse) {\n      setIsCollapsed(false)\n      return\n    }\n\n    const nav = navRef.current\n    const measurer = measurerRef.current\n    const container = nav?.parentElement\n\n    if (!nav || !measurer || !container) {\n      return\n    }\n\n    const measure = () => {\n      const available = container.clientWidth\n      const needed = measurer.getBoundingClientRect().width\n      setIsCollapsed(needed - available > 1)\n    }\n\n    measure()\n\n    const observer = new ResizeObserver(measure)\n    observer.observe(container)\n\n    // A web font finishing loading can change the measured width without the\n    // container resizing, so the ResizeObserver alone won't catch it.\n    let isEffectActive = true\n    void document.fonts?.ready.then(() => {\n      if (isEffectActive) {\n        measure()\n      }\n    })\n\n    return () => {\n      isEffectActive = false\n      observer.disconnect()\n    }\n  }, [canCollapse, stepNav, i18n, admin, t])\n\n  const renderItem = (\n    item: StepNavItem,\n    { isFirst, isLast }: { isFirst: boolean; isLast: boolean },\n  ) => {\n    const StepLabel = getTranslation(item.label, i18n)\n    const isCurrent = item.isCurrent ?? isLast\n    const itemClassName = [\n      `${baseClass}__item`,\n      isLast ? `${baseClass}__last` : undefined,\n      isFirst ? `${baseClass}__first` : undefined,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    if (item.url) {\n      return (\n        <Button\n          buttonStyle=\"ghost\"\n          className={itemClassName}\n          el=\"link\"\n          extraButtonProps={{ 'aria-current': isCurrent ? 'page' : false }}\n          url={item.url}\n        >\n          {StepLabel}\n        </Button>\n      )\n    }\n\n    return (\n      <span aria-current={isCurrent ? 'page' : undefined} className={itemClassName}>\n        {StepLabel}\n      </span>\n    )\n  }\n\n  const separator = <span className={`${baseClass}__separator`}>/</span>\n\n  const shouldCollapse = canCollapse && isCollapsed\n  const collapsedItems = shouldCollapse ? stepNavItems.slice(1, -1) : []\n  const lastItem = stepNavItems[stepNavItems.length - 1]\n\n  return (\n    <Fragment>\n      <nav\n        aria-label={t('general:breadcrumb')}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        ref={navRef}\n      >\n        {shouldCollapse ? (\n          <Fragment>\n            {renderItem(stepNavItems[0], { isFirst: true, isLast: false })}\n            {separator}\n            <Popup\n              button=\"…\"\n              buttonAriaLabel={t('general:moreOptions')}\n              buttonClassName={`${baseClass}__collapsed-toggle`}\n              buttonType=\"custom\"\n              className={`${baseClass}__collapsed`}\n              horizontalAlign=\"left\"\n              noBackground\n              popupType=\"menu\"\n              render={({ close }) => (\n                <PopupList.ButtonGroup className={`${baseClass}__collapsed-list`}>\n                  {collapsedItems.map((item, i) => (\n                    <PopupList.Button\n                      ariaCurrent={item.isCurrent ? 'page' : false}\n                      href={item.url}\n                      key={i}\n                      onClick={close}\n                    >\n                      {getTranslation(item.label, i18n)}\n                    </PopupList.Button>\n                  ))}\n                </PopupList.ButtonGroup>\n              )}\n              size=\"fit-content\"\n              verticalAlign=\"bottom\"\n            />\n            {separator}\n            {renderItem(lastItem, { isFirst: false, isLast: true })}\n          </Fragment>\n        ) : (\n          stepNavItems.map((item, i) => {\n            const isLast = stepNavItems.length === i + 1\n            const isFirst = i === 0\n\n            return (\n              <Fragment key={i}>\n                {renderItem(item, { isFirst, isLast })}\n                {!isLast && separator}\n              </Fragment>\n            )\n          })\n        )}\n      </nav>\n      {canCollapse ? (\n        <span aria-hidden=\"true\" className={`${baseClass}__measurer-clip`} inert>\n          <div className={`${baseClass}__measurer`} ref={measurerRef}>\n            {stepNavItems.map((item, i) => {\n              const isLast = stepNavItems.length === i + 1\n              const isFirst = i === 0\n\n              return (\n                <Fragment key={i}>\n                  {renderItem(item, { isFirst, isLast })}\n                  {!isLast && separator}\n                </Fragment>\n              )\n            })}\n          </div>\n        </span>\n      ) : null}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,6 +2,8 @@ import type { LabelFunction, StaticLabel } from 'payload';
 import type React from 'react';
 export type StepNavItem = {
     forceReload?: boolean;
+    /** Whether this item represents the current page. Defaults to true for the last item. */
+    isCurrent?: boolean;
     label: LabelFunction | React.JSX.Element | StaticLabel;
     url?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,WAAW,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,WAAW,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  forceReload?: boolean\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AASA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  forceReload?: boolean\n  /** Whether this item represents the current page. Defaults to true for the last item. */\n  isCurrent?: boolean\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAWA","ignoreList":[]}

package/dist/elements/Switch/index.css

@@ -0,0 +1,66 @@
+@layer payload-default {
+  .switch {
+    display: inline-flex;
+    gap: var(--spacer-2);
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .switch--disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .switch__input {
+    position: absolute;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+  }
+
+  .switch__track {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: var(--spacer-5);
+    height: var(--spacer-3);
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid var(--special-border-translucent);
+    border-radius: var(--radius-full);
+    pointer-events: none;
+  }
+
+  .switch__track--checked {
+    background: var(--color-bg-brand);
+    border-color: var(--color-border-brand-strong);
+  }
+
+  .switch__knob {
+    position: absolute;
+    left: calc(var(--stroke-width-small) + var(--stroke-width-medium));
+    width: var(--spacer-2-5);
+    height: var(--spacer-2);
+    background: var(--color-icon-onbrand);
+    outline: var(--stroke-width-small) solid var(--special-border-translucent);
+    border-radius: var(--radius-full);
+  }
+
+  .switch__track--checked .switch__knob {
+    left: auto;
+    right: calc(var(--stroke-width-small) + var(--stroke-width-medium));
+    outline-color: var(--color-border-brand-strong);
+  }
+
+  .switch__input:focus-visible + .switch__track {
+    outline: var(--stroke-width-small) solid var(--accessibility-focus-color);
+    outline-offset: var(--stroke-width-medium);
+  }
+
+  .switch__label {
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    color: var(--color-text);
+  }
+}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.css';
+export type SwitchProps = {
+    readonly ariaLabel?: string;
+    readonly checked?: boolean;
+    readonly className?: string;
+    readonly disabled?: boolean;
+    readonly id?: string;
+    readonly label?: React.ReactNode;
+    readonly onChange?: (checked: boolean) => void;
+};
+export declare const Switch: React.FC<SwitchProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8CxC,CAAA"}

package/dist/elements/Switch/index.js

@@ -0,0 +1,100 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useId } from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
+import './index.css';
+const baseClass = 'switch';
+export const Switch = t0 => {
+  const $ = _c(17);
+  const {
+    id: idFromProps,
+    ariaLabel,
+    checked: t1,
+    className,
+    disabled: t2,
+    label,
+    onChange
+  } = t0;
+  const checked = t1 === undefined ? false : t1;
+  const disabled = t2 === undefined ? false : t2;
+  const {
+    t
+  } = useTranslation();
+  const generatedId = useId();
+  const id = idFromProps || generatedId;
+  let t3;
+  if ($[0] !== disabled || $[1] !== onChange) {
+    t3 = e => {
+      if (!disabled && onChange) {
+        onChange(e.target.checked);
+      }
+    };
+    $[0] = disabled;
+    $[1] = onChange;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const handleChange = t3;
+  const t4 = disabled && `${baseClass}--disabled`;
+  let t5;
+  if ($[3] !== className || $[4] !== t4) {
+    t5 = [baseClass, t4, className].filter(Boolean);
+    $[3] = className;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const t6 = t5.join(" ");
+  let t7;
+  if ($[6] !== ariaLabel || $[7] !== checked || $[8] !== disabled || $[9] !== handleChange || $[10] !== id || $[11] !== label || $[12] !== t || $[13] !== t6) {
+    const t8 = _jsx("input", {
+      "aria-label": ariaLabel ?? (typeof label === "string" ? label : t("general:toggle")),
+      checked,
+      className: `${baseClass}__input`,
+      disabled,
+      id,
+      onChange: handleChange,
+      type: "checkbox"
+    });
+    const t9 = checked && `${baseClass}__track--checked`;
+    let t10;
+    if ($[15] !== t9) {
+      t10 = [`${baseClass}__track`, t9].filter(Boolean);
+      $[15] = t9;
+      $[16] = t10;
+    } else {
+      t10 = $[16];
+    }
+    t7 = _jsxs("label", {
+      className: t6,
+      htmlFor: id,
+      children: [t8, _jsx("span", {
+        "aria-hidden": "true",
+        className: t10.join(" "),
+        children: _jsx("span", {
+          className: `${baseClass}__knob`
+        })
+      }), label ? _jsx("span", {
+        className: `${baseClass}__label`,
+        children: label
+      }) : null]
+    });
+    $[6] = ariaLabel;
+    $[7] = checked;
+    $[8] = disabled;
+    $[9] = handleChange;
+    $[10] = id;
+    $[11] = label;
+    $[12] = t;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  return t7;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useId","useTranslation","baseClass","Switch","t0","$","id","idFromProps","ariaLabel","checked","t1","className","disabled","t2","label","onChange","undefined","t","generatedId","t3","e","target","handleChange","t4","t5","filter","Boolean","t6","join","t7","t8","_jsx","type","t9","t10","_jsxs","htmlFor","children"],"sources":["../../../src/elements/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useId } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'switch'\n\nexport type SwitchProps = {\n  readonly ariaLabel?: string\n  readonly checked?: boolean\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly id?: string\n  readonly label?: React.ReactNode\n  readonly onChange?: (checked: boolean) => void\n}\n\nexport const Switch: React.FC<SwitchProps> = ({\n  id: idFromProps,\n  ariaLabel,\n  checked = false,\n  className,\n  disabled = false,\n  label,\n  onChange,\n}) => {\n  const { t } = useTranslation()\n  const generatedId = useId()\n  const id = idFromProps || generatedId\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(e.target.checked)\n    }\n  }\n\n  return (\n    <label\n      className={[baseClass, disabled && `${baseClass}--disabled`, className]\n        .filter(Boolean)\n        .join(' ')}\n      htmlFor={id}\n    >\n      <input\n        aria-label={ariaLabel ?? (typeof label === 'string' ? label : t('general:toggle'))}\n        checked={checked}\n        className={`${baseClass}__input`}\n        disabled={disabled}\n        id={id}\n        onChange={handleChange}\n        type=\"checkbox\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={[`${baseClass}__track`, checked && `${baseClass}__track--checked`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <span className={`${baseClass}__knob`} />\n      </span>\n      {label ? <span className={`${baseClass}__label`}>{label}</span> : null}\n    </label>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,iBAAiB,CAAC;CAAG;AAExF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ChD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,iBAAiB,CAAC;CAAG;AAExF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwChD,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js

@@ -13,7 +13,6 @@ export const BlocksCell = t0 => {
     field: t1
   } = t0;
   const {
-    blockReferences,
     blocks,
     labels
   } = t1;
@@ -24,7 +23,7 @@ export const BlocksCell = t0 => {
     config
   } = useConfig();
   const selectedBlocks = Array.isArray(cellData) ? cellData.map(_temp) : [];
-  const translatedBlockLabels = (blockReferences ?? blocks)?.map(b => {
+  const translatedBlockLabels = blocks.map(b => {
     const block = typeof b === "string" ? config.blocksMap[b] : b;
     return {
       slug: block.slug,

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","_temp","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","blocks_0","b_0","filtered","filter","f","join","length","more","t","count","items","slice","t2","_jsx","children","blockType"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAGrD;EADQ;IAAAK,eAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,EAAmC;EAE1C;IAAAI;EAAA,IAAiBV,cAAA;EACjB;IAAAW;EAAA,IAAmBZ,SAAA;EAEnB,MAAAa,cAAA,GAAuBC,KAAA,CAAAC,OAAA,CAAcV,QAAA,IAAYA,QAAA,CAAAW,GAAA,CAAAC,KAAgC,MAAe;EAEhG,MAAAC,qBAAA,IAA+BV,eAAA,IAAmBC,MAAK,GAAAO,GAAA,CAAAG,CAAA;IACrD,MAAAC,KAAA,GAAc,OAAOD,CAAA,KAAM,WAAWP,MAAA,CAAAS,SAAA,CAAiBF,CAAA,IAAKA,CAAA;IAAA;MAAAG,IAAA,EAEpDF,KAAA,CAAAE,IAAA;MAAAC,KAAA,EACCzB,cAAA,CAAesB,KAAA,CAAAV,MAAA,CAAAc,QAAA,EAAuBb,IAAA;IAAA;EAAA;EAIjD,IAAAY,KAAA,GAAY,KAAKzB,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,GAAO;EAEvD,MAAAe,eAAA,GAAAC,QAAA,IACElB,QAAA,CAAAO,GAAA,CAAAY,GAAA;IAEI,MAAAC,QAAA,GAAiBX,qBAAA,CAAAY,MAAA,CAAAC,CAAA,IAAoCA,CAAA,CAAAT,IAAA,KAAWH,GAAA;IAAO,OAChEU,QAAA,EAAAN,KAAA;EAAA,CACT,EAAAS,IAAA,CACM;EAAA,IAINnB,cAAA,CAAAoB,MAAA,IAAwB;IAC1B,MAAAC,IAAA,GAAarB,cAAA,CAAAoB,MAAA,IAAwB;IACrCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,OAAWA,IAAA,CAAAwB,CAAA,CAC5E;MAAAC,KAAA,EACSF,IAAA;MAAAG,KAAA,EAAaX,eAAA,CAAgBb,cAAA,CAAAyB,KAAA,KAAwB;IAAA,CAAc,GAC3E;EAHH;IAAA,IAISzB,cAAA,CAAAoB,MAAA,IAAwB;MACjCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAClCe,cAAA,CAAAoB,MAAA,MAA0B,GAAIvB,MAAA,EAAAc,QAAA,GAAmBd,MAAA,EAAAe,MAAQ,EACzDd,IAAA,OACKe,eAAA,CAAgBb,cAAA,GAAiB;IAHxC;EAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAnC,CAAA,QAAAmB,KAAA;IAMKgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMlB;IAAA,C;;;;;;SAAPgB,E;CACT;AA3CqD,SAAAtB,MAAAd,EAAA;EAOY;IAAAuC;EAAA,IAAAvC,EAAa;EAAA,OAAKuC,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","_temp","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","blocks_0","b_0","filtered","filter","f","join","length","more","t","count","items","slice","t2","_jsx","children","blockType"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ cellData, field: { blocks, labels } }) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAAuC;EAApB;IAAAK,MAAA;IAAAC;EAAA,IAAAF,EAAkB;EACzF;IAAAG;EAAA,IAAiBT,cAAA;EACjB;IAAAU;EAAA,IAAmBX,SAAA;EAEnB,MAAAY,cAAA,GAAuBC,KAAA,CAAAC,OAAA,CAAcT,QAAA,IAAYA,QAAA,CAAAU,GAAA,CAAAC,KAAgC,MAAe;EAEhG,MAAAC,qBAAA,GAA8BT,MAAA,CAAAO,GAAA,CAAAG,CAAA;IAC5B,MAAAC,KAAA,GAAc,OAAOD,CAAA,KAAM,WAAWP,MAAA,CAAAS,SAAA,CAAiBF,CAAA,IAAKA,CAAA;IAAA;MAAAG,IAAA,EAEpDF,KAAA,CAAAE,IAAA;MAAAC,KAAA,EACCxB,cAAA,CAAeqB,KAAA,CAAAV,MAAA,CAAAc,QAAA,EAAuBb,IAAA;IAAA;EAAA,CAEjD;EAEA,IAAAY,KAAA,GAAY,KAAKxB,cAAA,CAAeW,MAAA,EAAAe,MAAA,EAAgBd,IAAA,GAAO;EAEvD,MAAAe,eAAA,GAAAC,QAAA,IACElB,QAAA,CAAAO,GAAA,CAAAY,GAAA;IAEI,MAAAC,QAAA,GAAiBX,qBAAA,CAAAY,MAAA,CAAAC,CAAA,IAAoCA,CAAA,CAAAT,IAAA,KAAWH,GAAA;IAAO,OAChEU,QAAA,EAAAN,KAAA;EAAA,CACT,EAAAS,IAAA,CACM;EAAA,IAINnB,cAAA,CAAAoB,MAAA,IAAwB;IAC1B,MAAAC,IAAA,GAAarB,cAAA,CAAAoB,MAAA,IAAwB;IACrCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBlC,cAAA,CAAeW,MAAA,EAAAe,MAAA,EAAgBd,IAAA,OAAWA,IAAA,CAAAwB,CAAA,CAC5E;MAAAC,KAAA,EACSF,IAAA;MAAAG,KAAA,EAAaX,eAAA,CAAgBb,cAAA,CAAAyB,KAAA,KAAwB;IAAA,CAAc,GAC3E;EAHH;IAAA,IAISzB,cAAA,CAAAoB,MAAA,IAAwB;MACjCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBlC,cAAA,CAClCc,cAAA,CAAAoB,MAAA,MAA0B,GAAIvB,MAAA,EAAAc,QAAA,GAAmBd,MAAA,EAAAe,MAAQ,EACzDd,IAAA,OACKe,eAAA,CAAgBb,cAAA,GAAiB;IAHxC;EAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAlC,CAAA,QAAAkB,KAAA;IAMKgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMlB;IAAA,C;;;;;;SAAPgB,E;CACT;AAxCqD,SAAAtB,MAAAb,EAAA;EAIY;IAAAsC;EAAA,IAAAtC,EAAa;EAAA,OAAKsC,SAAA;AAAA","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.css

@@ -0,0 +1,15 @@
+@layer payload-default {
+  .bool-cell {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--spacer-1);
+    border-radius: var(--radius-medium);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    white-space: nowrap;
+    background: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,mBAAmB,CAAC,CAUjF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,mBAAmB,CAAC,CAUjF,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js

@@ -4,7 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-import './index.scss';
+import './index.css';
 export const CheckboxCell = t0 => {
   const $ = _c(3);
   const {

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","CheckboxCell","t0","$","cellData","t","t1","t2","_jsx","className","children","toLowerCase"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAEtF;EACC;IAAAG;EAAA,IAAcL,cAAA;EAID,MAAAM,EAAA,cAAWF,QAAA,EAAU;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,EAAA;IADhCC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAe;MAAAC,QAAA,EACdF,IAAA,CAAC;QAAAE,QAAA,EAAML,CAAA,CAAEC,EAAqB,EAAAK,WAAA,CAAa;MAAA,C;;;;;;;;SAD7CJ,E;CAIJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","CheckboxCell","t0","$","cellData","t","t1","t2","_jsx","className","children","toLowerCase"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAEtF;EACC;IAAAG;EAAA,IAAcL,cAAA;EAID,MAAAM,EAAA,cAAWF,QAAA,EAAU;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,EAAA;IADhCC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAe;MAAAC,QAAA,EACdF,IAAA,CAAC;QAAAE,QAAA,EAAML,CAAA,CAAEC,EAAqB,EAAAK,WAAA,CAAa;MAAA,C;;;;;;;;SAD7CJ,E;CAIJ","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Code/index.css

@@ -0,0 +1,19 @@
+@layer payload-default {
+  .code-cell {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--spacer-1);
+    border-radius: var(--radius-medium);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    white-space: nowrap;
+    background: var(--color-bg-tertiary);
+    color: var(--color-text);
+
+    &:hover {
+      text-decoration: inherit;
+    }
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts

@@ -1,6 +1,6 @@
 import type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {
     readonly collectionConfig: ClientCollectionConfig;
     readonly nowrap?: boolean;

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEjG,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC/E,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEjG,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,eAAe,CAAC;IAC/E,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Code/index.js

@@ -2,7 +2,7 @@
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import './index.scss';
+import './index.css';
 export const CodeCell = ({
   cellData,
   nowrap

package/dist/elements/Table/DefaultCell/fields/Code/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","_jsx","className","style"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAOP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAE;EACpE,MAAMC,UAAA,GAAaF,QAAA,EAAUG,MAAA,GAAS,MAAM,GAAGH,QAAA,CAASI,SAAS,CAAC,GAAG,YAAY,GAAGJ,QAAA;EAEpF,MAAMK,WAAA,GAAmCJ,MAAA,GAAS;IAAEK,UAAA,EAAY;EAAS,IAAI,CAAC;EAE9E,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAU;IAAYC,KAAA,EAAOJ,WAAA;cACjC,aAAAE,IAAA,CAAC;gBAAML;;;AAGb","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","_jsx","className","style"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.css'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAOP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAE;EACpE,MAAMC,UAAA,GAAaF,QAAA,EAAUG,MAAA,GAAS,MAAM,GAAGH,QAAA,CAASI,SAAS,CAAC,GAAG,YAAY,GAAGJ,QAAA;EAEpF,MAAMK,WAAA,GAAmCJ,MAAA,GAAS;IAAEK,UAAA,EAAY;EAAS,IAAI,CAAC;EAE9E,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAU;IAAYC,KAAA,EAAOJ,WAAA;cACjC,aAAAE,IAAA,CAAC;gBAAML;;;AAGb","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/File/index.css

@@ -0,0 +1,30 @@
+@layer payload-default {
+  .file {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: var(--spacer-2-5);
+    flex: 1;
+    min-width: 0;
+  }
+
+  .file__thumbnail {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-5);
+    max-width: var(--spacer-5);
+    height: var(--spacer-5);
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+    flex-shrink: 0;
+  }
+
+  .file__filename {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: var(--text-body-large-line-height);
+  }
+}

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts

@@ -1,6 +1,6 @@
 import type { ClientCollectionConfig, DefaultCellComponentProps, TextFieldClient, UploadFieldClient } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export interface FileCellProps extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {
     readonly collectionConfig: ClientCollectionConfig;
 }

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAKrB,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,eAAe,GAAG,iBAAiB,CAAC;IACtE,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+C5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAKpB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAC9D,eAAe,GAAG,iBAAiB,CACpC;IACC,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+C5C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/File/index.js

@@ -3,7 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getBestFitFromSizes, isImage } from 'payload/shared';
 import React from 'react';
-import './index.scss';
+import './index.css';
 import { Thumbnail } from '../../../../Thumbnail/index.js';
 const baseClass = 'file';
 export const FileCell = ({
@@ -19,7 +19,7 @@ export const FileCell = ({
     let fileSrc = isFileImage ? rowData?.thumbnailURL || rowData?.url : rowData?.thumbnailURL;
     if (isFileImage) {
       fileSrc = getBestFitFromSizes({
-        sizes: rowData?.sizes,
+        sizes: rowData?.variants,
         thumbnailURL: rowData?.thumbnailURL,
         url: rowData?.url,
         width: rowData?.width

package/dist/elements/Table/DefaultCell/fields/File/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","uploadConfig","imageCacheTag","cacheTags","updatedAt","_jsxs","className","_jsx","collectionSlug","slug","doc","size","String","_Fragment"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    const uploadConfig = collectionConfig?.upload\n    const imageCacheTag = uploadConfig?.cacheTags && rowData?.updatedAt\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          imageCacheTag={imageCacheTag}\n          size=\"small\"\n          uploadConfig={uploadConfig}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"mappings":"AAAA;;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC,KAAK;EACLC;AAAO,CACR;EACC,MAAMC,mBAAA,GAAsB,oBAAoBF,KAAA,GAAQA,KAAA,CAAMG,cAAc,GAAGC,SAAA;EAC/E,MAAMC,cAAA,GAAiBH,mBAAA,IAAuBH,gBAAA,CAAiBO,MAAM,EAAEH,cAAA,IAAkB;EAEzF,IAAIE,cAAA,EAAgB;IAClB,MAAME,WAAA,GAAcf,OAAA,CAAQS,OAAA,EAASO,QAAA;IACrC,IAAIC,OAAA,GAA8BF,WAAA,GAC9BN,OAAA,EAASS,YAAA,IAAgBT,OAAA,EAASU,GAAA,GAClCV,OAAA,EAASS,YAAA;IAEb,IAAIH,WAAA,EAAa;MACfE,OAAA,GAAUlB,mBAAA,CAAoB;QAC5BqB,KAAA,EAAOX,OAAA,EAASW,KAAA;QAChBF,YAAA,EAAcT,OAAA,EAASS,YAAA;QACvBC,GAAA,EAAKV,OAAA,EAASU,GAAA;QACdE,KAAA,EAAOZ,OAAA,EAASY;MAClB;IACF;IAEA,MAAMC,YAAA,GAAef,gBAAA,EAAkBO,MAAA;IACvC,MAAMS,aAAA,GAAgBD,YAAA,EAAcE,SAAA,IAAaf,OAAA,EAASgB,SAAA;IAE1D,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWxB,SAAA;8BACdyB,IAAA,CAAC1B,SAAA;QACCyB,SAAA,EAAW,GAAGxB,SAAA,aAAsB;QACpC0B,cAAA,EAAgBtB,gBAAA,EAAkBuB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGtB,OAAO;UACVH;QACF;QACAW,OAAA,EAASA,OAAA;QACTM,aAAA,EAAeA,aAAA;QACfS,IAAA,EAAK;QACLV,YAAA,EAAcA;uBAEhBM,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGxB,SAAA,YAAqB;kBAAG8B,MAAA,CAAO3B,QAAA;;;EAGzD,OAAO;IACL,oBAAOsB,IAAA,CAAAM,SAAA;gBAAGD,MAAA,CAAO3B,QAAA;;EACnB;AACF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","variants","width","uploadConfig","imageCacheTag","cacheTags","updatedAt","_jsxs","className","_jsx","collectionSlug","slug","doc","size","String","_Fragment"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.css'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<\n  TextFieldClient | UploadFieldClient\n> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.variants,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    const uploadConfig = collectionConfig?.upload\n    const imageCacheTag = uploadConfig?.cacheTags && rowData?.updatedAt\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          imageCacheTag={imageCacheTag}\n          size=\"small\"\n          uploadConfig={uploadConfig}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"mappings":"AAAA;;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC,KAAK;EACLC;AAAO,CACR;EACC,MAAMC,mBAAA,GAAsB,oBAAoBF,KAAA,GAAQA,KAAA,CAAMG,cAAc,GAAGC,SAAA;EAC/E,MAAMC,cAAA,GAAiBH,mBAAA,IAAuBH,gBAAA,CAAiBO,MAAM,EAAEH,cAAA,IAAkB;EAEzF,IAAIE,cAAA,EAAgB;IAClB,MAAME,WAAA,GAAcf,OAAA,CAAQS,OAAA,EAASO,QAAA;IACrC,IAAIC,OAAA,GAA8BF,WAAA,GAC9BN,OAAA,EAASS,YAAA,IAAgBT,OAAA,EAASU,GAAA,GAClCV,OAAA,EAASS,YAAA;IAEb,IAAIH,WAAA,EAAa;MACfE,OAAA,GAAUlB,mBAAA,CAAoB;QAC5BqB,KAAA,EAAOX,OAAA,EAASY,QAAA;QAChBH,YAAA,EAAcT,OAAA,EAASS,YAAA;QACvBC,GAAA,EAAKV,OAAA,EAASU,GAAA;QACdG,KAAA,EAAOb,OAAA,EAASa;MAClB;IACF;IAEA,MAAMC,YAAA,GAAehB,gBAAA,EAAkBO,MAAA;IACvC,MAAMU,aAAA,GAAgBD,YAAA,EAAcE,SAAA,IAAahB,OAAA,EAASiB,SAAA;IAE1D,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWzB,SAAA;8BACd0B,IAAA,CAAC3B,SAAA;QACC0B,SAAA,EAAW,GAAGzB,SAAA,aAAsB;QACpC2B,cAAA,EAAgBvB,gBAAA,EAAkBwB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGvB,OAAO;UACVH;QACF;QACAW,OAAA,EAASA,OAAA;QACTO,aAAA,EAAeA,aAAA;QACfS,IAAA,EAAK;QACLV,YAAA,EAAcA;uBAEhBM,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGzB,SAAA,YAAqB;kBAAG+B,MAAA,CAAO5B,QAAA;;;EAGzD,OAAO;IACL,oBAAOuB,IAAA,CAAAM,SAAA;gBAAGD,MAAA,CAAO5B,QAAA;;EACnB;AACF","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.css

@@ -0,0 +1,27 @@
+@layer payload-default {
+  .hierarchy-cell {
+    display: flex;
+    align-items: center;
+  }
+
+  .hierarchy-cell__button {
+    margin: 0;
+    font-weight: normal;
+
+    .btn__content {
+      gap: 0;
+    }
+
+    .btn__label {
+      min-inline-size: 0;
+    }
+  }
+
+  .hierarchy-cell__truncate {
+    display: block;
+    max-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.d.ts

@@ -1,6 +1,6 @@
 import type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>;
 export declare const HierarchyCell: React.FC<HierarchyCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjF,OAAO,KAA4D,MAAM,OAAO,CAAA;AAchF,OAAO,cAAc,CAAA;AAKrB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmMtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGjF,OAAO,KAA4D,MAAM,OAAO,CAAA;AAqBhF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmTtD,CAAA"}