@payloadcms/ui 4.0.0-internal.167c7cd → 4.0.0-internal.16f218d

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","mergeFieldStyles","formatOptions","SelectInput","useField","useHierarchy","HierarchyTypeField","options","allSelectOptions","parentFieldName","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","allowedCollections","length","filter","option","value","some","c","slug","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","isRequired","_jsx","description","filterOption","optionValue","undefined","style"],"sources":["../../../src/elements/HierarchyTypeField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../fields/mergeFieldStyles.js'\nimport { formatOptions, SelectInput } from '../../fields/Select/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\n\ntype HierarchyTypeFieldProps = {\n  options: Option[]\n  parentFieldName: string\n} & SelectFieldClientProps\n\nexport const HierarchyTypeField: React.FC<HierarchyTypeFieldProps> = ({\n  options: allSelectOptions,\n  parentFieldName,\n  ...props\n}) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: { className, isClearable = true, isSortable = true, placeholder } = {} as NonNullable<\n        SelectFieldClientProps['field']['admin']\n      >,\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { allowedCollections } = useHierarchy()\n\n  const options = useMemo(() => {\n    if (!allowedCollections || allowedCollections.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && 'value' in option && option.value) {\n          return allowedCollections.some((c) => c.slug === option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, allowedCollections])\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (readOnly || disabled) {\n        return\n      }\n\n      let newValue: null | string | string[] = null\n\n      if (selectedOption && hasMany) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else if (selectedOption && !Array.isArray(selectedOption)) {\n        newValue = selectedOption.value\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const isRequired =\n    required || (Array.isArray(allowedCollections) && allowedCollections.length > 0)\n\n  return (\n    <div>\n      <SelectInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description=\"Select the collection types this item can contain\"\n        Error={Error}\n        filterOption={\n          selectFilterOptions\n            ? ({ value: optionValue }) =>\n                selectFilterOptions?.some(\n                  (option) => (typeof option === 'string' ? option : option.value) === optionValue,\n                )\n            : undefined\n        }\n        hasMany={hasMany}\n        isClearable={isClearable}\n        isSortable={isSortable}\n        Label={Label}\n        label={label}\n        localized={localized}\n        name={name}\n        onChange={onChange}\n        options={options}\n        path={path}\n        placeholder={placeholder}\n        readOnly={readOnly || disabled}\n        required={isRequired}\n        showError={showError}\n        style={styles}\n        value={value as string | string[]}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","mergeFieldStyles","formatOptions","SelectInput","useField","useHierarchy","HierarchyTypeField","options","allSelectOptions","parentFieldName","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","allowedCollections","length","filter","option","value","some","c","slug","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","isRequired","_jsx","description","filterOption","optionValue","undefined","style"],"sources":["../../../src/elements/HierarchyTypeField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../fields/mergeFieldStyles.js'\nimport { formatOptions, SelectInput } from '../../fields/Select/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useHierarchy } from '../../providers/Hierarchy/index.js'\n\ntype HierarchyTypeFieldProps = {\n  options: Option[]\n  parentFieldName: string\n} & SelectFieldClientProps\n\nexport const HierarchyTypeField: React.FC<HierarchyTypeFieldProps> = ({\n  options: allSelectOptions,\n  parentFieldName,\n  ...props\n}) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: { className, isClearable = true, isSortable = true, placeholder } = {},\n      hasMany = false,\n      label,\n      localized,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { allowedCollections } = useHierarchy()\n\n  const options = useMemo(() => {\n    if (!allowedCollections || allowedCollections.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && 'value' in option && option.value) {\n          return allowedCollections.some((c) => c.slug === option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, allowedCollections])\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (readOnly || disabled) {\n        return\n      }\n\n      let newValue: null | string | string[] = null\n\n      if (selectedOption && hasMany) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else if (selectedOption && !Array.isArray(selectedOption)) {\n        newValue = selectedOption.value\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const isRequired =\n    required || (Array.isArray(allowedCollections) && allowedCollections.length > 0)\n\n  return (\n    <div>\n      <SelectInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        className={className}\n        Description={Description}\n        description=\"Select the collection types this item can contain\"\n        Error={Error}\n        filterOption={\n          selectFilterOptions\n            ? ({ value: optionValue }) =>\n                selectFilterOptions?.some(\n                  (option) => (typeof option === 'string' ? option : option.value) === optionValue,\n                )\n            : undefined\n        }\n        hasMany={hasMany}\n        isClearable={isClearable}\n        isSortable={isSortable}\n        Label={Label}\n        label={label}\n        localized={localized}\n        name={name}\n        onChange={onChange}\n        options={options}\n        path={path}\n        placeholder={placeholder}\n        readOnly={readOnly || disabled}\n        required={isRequired}\n        showError={showError}\n        style={styles}\n        value={value as string | string[]}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useEffect","useAuth","HydrateAuthProvider","t0","$","permissions","setPermissions","t1","t2"],"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedPermissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: SanitizedPermissions\n}\n\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B,SAASC,OAAO,QAAQ;AAaxB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA6B;IAAAM;EAAA,IAAAF,EAAsB;EACxD;IAAAG;EAAA,IAA2BL,OAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,cAAA;IAEjBC,EAAA,GAAAA,CAAA;MACRD,cAAA,CAAeD,WAAA;IAAA;IACdG,EAAA,IAACH,WAAA,EAAaC,cAAA;IAAeF,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFhCJ,SAAA,CAAUO,EAEV,EAAGC,EAA6B;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useAuth","HydrateAuthProvider","t0","$","permissions","setPermissions","t1","t2"],"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedPermissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: SanitizedPermissions\n}\n\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B,SAASC,OAAO,QAAQ;AAaxB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA6B;IAAAM;EAAA,IAAAF,EAAsB;EACxD;IAAAG;EAAA,IAA2BL,OAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,cAAA;IAEjBC,EAAA,GAAAA,CAAA;MACRD,cAAA,CAAeD,WAAA;IAAA,CACjB;IAAGG,EAAA,IAACH,WAAA,EAAaC,cAAA,CAAe;IAAAF,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFhCJ,SAAA,CAAUO,EAEV,EAAGC,EAA6B;EAAA,OAEzB;AAAA","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { CollectionPreferences } from 'payload';
+type Props = {
+    collectionSlug: string;
+    preferences: CollectionPreferences;
+};
+export declare function HydratePreferences({ collectionSlug, preferences }: Props): any;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/HydratePreferences/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAMpD,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,qBAAqB,CAAA;CACnC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,KAAK,OAQxE"}

package/dist/elements/HydratePreferences/index.js

@@ -0,0 +1,34 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect } from 'react';
+import { usePreferences } from '../../providers/Preferences/index.js';
+export function HydratePreferences(t0) {
+  const $ = _c(5);
+  const {
+    collectionSlug,
+    preferences
+  } = t0;
+  const {
+    syncPreference
+  } = usePreferences();
+  let t1;
+  let t2;
+  if ($[0] !== collectionSlug || $[1] !== preferences || $[2] !== syncPreference) {
+    t1 = () => {
+      syncPreference(`collection-${collectionSlug}`, preferences);
+    };
+    t2 = [collectionSlug, preferences, syncPreference];
+    $[0] = collectionSlug;
+    $[1] = preferences;
+    $[2] = syncPreference;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  return null;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useEffect","usePreferences","HydratePreferences","t0","$","collectionSlug","preferences","syncPreference","t1","t2"],"sources":["../../../src/elements/HydratePreferences/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionPreferences } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\n\ntype Props = {\n  collectionSlug: string\n  preferences: CollectionPreferences\n}\n\nexport function HydratePreferences({ collectionSlug, preferences }: Props) {\n  const { syncPreference } = usePreferences()\n\n  useEffect(() => {\n    syncPreference<CollectionPreferences>(`collection-${collectionSlug}`, preferences)\n  }, [collectionSlug, preferences, syncPreference])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B,SAASC,cAAc,QAAQ;AAO/B,OAAO,SAAAC,mBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA4B;IAAAM,cAAA;IAAAC;EAAA,IAAAH,EAAsC;EACvE;IAAAI;EAAA,IAA2BN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,cAAA;IAEjBC,EAAA,GAAAA,CAAA;MACRD,cAAA,CAAsC,cAAcF,cAAA,EAAgB,EAAEC,WAAA;IAAA,CACxE;IAAGG,EAAA,IAACJ,cAAA,EAAgBC,WAAA,EAAaC,cAAA,CAAe;IAAAH,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAE,WAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAFhDJ,SAAA,CAAUQ,EAEV,EAAGC,EAA6C;EAAA,OAEzC;AAAA","ignoreList":[]}

package/dist/elements/IDLabel/index.css

@@ -1,7 +1,5 @@
 @layer payload-default {
   .id-label {
-    --id-label-letter-spacing: -0.032px;
-
     display: inline-flex;
     align-items: center;
     gap: var(--spacer-1);
@@ -9,13 +7,19 @@
     padding: var(--spacer-1) var(--spacer-2);
     background: var(--color-bg-secondary);
     border-radius: var(--radius-medium);
-    font-family: var(--text-body-large-font-family);
-    font-size: var(--text-body-large-font-size);
-    font-weight: var(--text-body-large-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    letter-spacing: var(--id-label-letter-spacing);
     width: fit-content;
     white-space: nowrap;
+    font-family: var(--text-mono-family);
+    font-size: var(--text-mono-medium-font-size);
+    font-weight: var(--text-mono-medium-weight);
+    line-height: var(--text-mono-medium-line-height);
+    letter-spacing: var(--text-mono-medium-letter-spacing);
+  }
+
+  .id-label--is-link:hover,
+  a:not([aria-disabled='true']):hover > .id-label,
+  button:not(:disabled):hover > .id-label {
+    background: var(--color-bg-secondary-hover);
   }
 
   .id-label__prefix {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.css';
 export declare const IDLabel: React.FC<{
     className?: string;
-    id: string;
+    id: number | string;
     prefix?: string;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAyCjF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAyCA,CAAA"}

package/dist/elements/IDLabel/index.js

@@ -12,7 +12,7 @@ import { useDrawerDepth } from '../Drawer/index.js';
 import './index.css';
 const baseClass = 'id-label';
 export const IDLabel = t0 => {
-  const $ = _c(13);
+  const $ = _c(12);
   const {
     id,
     className,
@@ -40,22 +40,25 @@ export const IDLabel = t0 => {
     bb0: {
       const sanitizedID = sanitizeID(id);
       const shouldRenderLink = drawerDepth > 0 && (collectionSlug || globalSlug);
+      const t6 = shouldRenderLink && `${baseClass}--is-link`;
+      let t7;
+      if ($[9] !== className || $[10] !== t6) {
+        t7 = [baseClass, t6, className].filter(Boolean);
+        $[9] = className;
+        $[10] = t6;
+        $[11] = t7;
+      } else {
+        t7 = $[11];
+      }
+      const classes = t7.join(" ");
       if (shouldRenderLink) {
         const docPath = formatAdminURL({
           adminRoute,
           path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`
         });
-        let t6;
-        if ($[9] !== className) {
-          t6 = [baseClass, className].filter(Boolean);
-          $[9] = className;
-          $[10] = t6;
-        } else {
-          t6 = $[10];
-        }
         t5 = _jsxs("div", {
-          className: t6.join(" "),
-          title: id,
+          className: classes,
+          title: String(id),
           children: [_jsx("span", {
             className: `${baseClass}__prefix`,
             children: prefix
@@ -67,17 +70,9 @@ export const IDLabel = t0 => {
         });
         break bb0;
       }
-      let t6;
-      if ($[11] !== className) {
-        t6 = [baseClass, className].filter(Boolean);
-        $[11] = className;
-        $[12] = t6;
-      } else {
-        t6 = $[12];
-      }
       t4 = _jsxs("div", {
-        className: t6.join(" "),
-        title: id,
+        className: classes,
+        title: String(id),
         children: [_jsx("span", {
           className: `${baseClass}__prefix`,
           children: prefix

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","Link","useConfig","useDocumentInfo","sanitizeID","useDrawerDepth","baseClass","IDLabel","t0","$","id","className","prefix","t1","undefined","config","t2","routes","t3","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","t4","t5","Symbol","for","sanitizedID","shouldRenderLink","docPath","path","t6","filter","Boolean","_jsxs","join","title","children","_jsx","href"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\nimport './index.css'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID',\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const sanitizedID = sanitizeID(id)\n\n  // Only render as link if we're inside a drawer and have document context\n  const shouldRenderLink = drawerDepth > 0 && (collectionSlug || globalSlug)\n\n  if (shouldRenderLink) {\n    const docPath = formatAdminURL({\n      adminRoute,\n      path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n    })\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n        <span className={`${baseClass}__prefix`}>{prefix}</span>\n        <Link className={`${baseClass}__link`} href={docPath}>\n          {sanitizedID}\n        </Link>\n      </div>\n    )\n  }\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n      <span className={`${baseClass}__prefix`}>{prefix}</span>\n      <span className={`${baseClass}__value`}>{sanitizedID}</span>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,EAAA;IAAAC,SAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAL,EAItF;EADC,MAAAI,MAAA,GAAAC,EAAa,KAAAC,SAAA,GAAJ,IAAI,GAAbD,EAAa;EAEb;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC;IAAAG,cAAA;IAAAC;EAAA,IAAuCnB,eAAA;EACvC,MAAAoB,WAAA,GAAoBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,cAAA,IAAAZ,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAG,MAAA;IAchBa,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAZJ,MAAAC,WAAA,GAAoBxB,UAAA,CAAWM,EAAA;MAG/B,MAAAmB,gBAAA,GAAyBN,WAAA,IAAc,KAAMF,cAAA,IAAkBC,UAAS;MAAA,IAEpEO,gBAAA;QACF,MAAAC,OAAA,GAAgB/B,cAAA;UAAAqB,UAAA;UAAAW,IAAA,EAER,IAAIV,cAAA,GAAiB,eAAeA,cAAA,EAAgB,GAAG,WAAWC,UAAA,EAAY,IAAIZ,EAAA;QAAI,CAC9F;QAAA,IAAAsB,EAAA;QAAA,IAAAvB,CAAA,QAAAE,SAAA;UAGkBqB,EAAA,IAAA1B,SAAA,EAAYK,SAAA,EAAAsB,MAAA,CAAAC,OAAkB;UAAAzB,CAAA,MAAAE,SAAA;UAAAF,CAAA,OAAAuB,EAAA;QAAA;UAAAA,EAAA,GAAAvB,CAAA;QAAA;QAA9CgB,EAAA,GAAAU,KAAA,CAAC;UAAAxB,SAAA,EAAeqB,EAA8B,CAAAI,IAAA,CAAc;UAAAC,KAAA,EAAa3B,EAAA;UAAA4B,QAAA,GACvEC,IAAA,CAAC;YAAA5B,SAAA,EAAgB,GAAAL,SAAA,UAAsB;YAAAgC,QAAA,EAAG1B;UAAA,C,GAC1C2B,IAAA,CAAAtC,IAAA;YAAAU,SAAA,EAAiB,GAAAL,SAAA,QAAoB;YAAAkC,IAAA,EAAQV,OAAA;YAAAQ,QAAA,EAC1CV;UAAA,C;;;;;;QAOSI,EAAA,IAAA1B,SAAA,EAAYK,SAAA,EAAAsB,MAAA,CAAAC,OAAkB;QAAAzB,CAAA,OAAAE,SAAA;QAAAF,CAAA,OAAAuB,EAAA;MAAA;QAAAA,EAAA,GAAAvB,CAAA;MAAA;MAA9Ce,EAAA,GAAAW,KAAA,CAAC;QAAAxB,SAAA,EAAeqB,EAA8B,CAAAI,IAAA,CAAc;QAAAC,KAAA,EAAa3B,EAAA;QAAA4B,QAAA,GACvEC,IAAA,CAAC;UAAA5B,SAAA,EAAgB,GAAAL,SAAA,UAAsB;UAAAgC,QAAA,EAAG1B;QAAA,C,GAC1C2B,IAAA,CAAC;UAAA5B,SAAA,EAAgB,GAAAL,SAAA,SAAqB;UAAAgC,QAAA,EAAGV;QAAA,C;;;;;;;;;;;;;;;;;;;SAF3CJ,E;CAKJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","Link","useConfig","useDocumentInfo","sanitizeID","useDrawerDepth","baseClass","IDLabel","t0","$","id","className","prefix","t1","undefined","config","t2","routes","t3","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","t4","t5","Symbol","sanitizedID","shouldRenderLink","t6","t7","filter","Boolean","classes","join","docPath","path","_jsxs","title","String","children","_jsx","href","bb0"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\nimport './index.css'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{\n  className?: string\n  id: number | string\n  prefix?: string\n}> = ({ id, className, prefix = 'ID' }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const sanitizedID = sanitizeID(id)\n\n  // Only render as link if we're inside a drawer and have document context\n  const shouldRenderLink = drawerDepth > 0 && (collectionSlug || globalSlug)\n\n  const classes = [baseClass, shouldRenderLink && `${baseClass}--is-link`, className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (shouldRenderLink) {\n    const docPath = formatAdminURL({\n      adminRoute,\n      path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n    })\n\n    return (\n      <div className={classes} title={String(id)}>\n        <span className={`${baseClass}__prefix`}>{prefix}</span>\n        <Link className={`${baseClass}__link`} href={docPath}>\n          {sanitizedID}\n        </Link>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classes} title={String(id)}>\n      <span className={`${baseClass}__prefix`}>{prefix}</span>\n      <span className={`${baseClass}__value`}>{sanitizedID}</span>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,EAAA;IAAAC,SAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAL,EAAgC;EAAf,MAAAI,MAAA,GAAAC,EAAa,KAAbC,SAAa,GAAb,IAAa,GAAbD,EAAa;EAClC;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC;IAAAG,cAAA;IAAAC;EAAA,IAAuCnB,eAAA;EACvC,MAAAoB,WAAA,GAAoBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,cAAA,IAAAZ,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAG,MAAA;IAkBhBa,EAAA,GAAAC,M,KAAA,6B;;MAhBJ,MAAAC,WAAA,GAAoBvB,UAAA,CAAWM,EAAA;MAG/B,MAAAkB,gBAAA,GAAyBL,WAAA,GAAc,CAAiC,KAA3BF,cAA2B,IAA3BC,UAA2B;MAE5C,MAAAO,EAAA,GAAAD,gBAA2C,IAA3C,GAAuBtB,SAAA,WAAoB;MAAA,IAAAwB,EAAA;MAAA,IAAArB,CAAA,QAAAE,SAAA,IAAAF,CAAA,SAAAoB,EAAA;QAAvDC,EAAA,IAACxB,SAAA,EAAWuB,EAA2C,EAAElB,SAAA,CAAU,CAAAoB,MAC1E,CAACC,OAAA;QAAAvB,CAAA,MAAAE,SAAA;QAAAF,CAAA,OAAAoB,EAAA;QAAApB,CAAA,OAAAqB,EAAA;MAAA;QAAAA,EAAA,GAAArB,CAAA;MAAA;MADV,MAAAwB,OAAA,GAAgBH,EACN,CAAAI,IACH,CAAC;MAER,IAAIN,gBAAA;QACF,MAAAO,OAAA,GAAgBpC,cAAA,CAAe;UAAAqB,UAAA;UAAAgB,IAAA,EAEvB,IAAIf,cAAA,kBAAgCA,cAAA,EAA0C,GAA1E,WAA8DC,UAAA,EAAY,IAAIZ,EAAA;QAC1F;QAGEe,EAAA,GAAAY,KAAA,CAAC;UAAA1B,SAAA,EAAesB,OAAA;UAAAK,KAAA,EAAgBC,MAAA,CAAO7B,EAAA;UAAA8B,QAAA,E,CACrCC,IAAA,CAAC;YAAA9B,SAAA,EAAgB,GAAGL,SAAA,UAAmB;YAAAkC,QAAA,EAAG5B;cAC1C6B,IAAA,CAACxC,IAAA;YAAAU,SAAA,EAAgB,GAAGL,SAAA,QAAiB;YAAAoC,IAAA,EAAQP,OAAA;YAAAK,QAAA,EAC1Cb;;;QAHL,MAAAgB,GAAA;;MAUFnB,EAAA,GAAAa,KAAA,CAAC;QAAA1B,SAAA,EAAesB,OAAA;QAAAK,KAAA,EAAgBC,MAAA,CAAO7B,EAAA;QAAA8B,QAAA,E,CACrCC,IAAA,CAAC;UAAA9B,SAAA,EAAgB,GAAGL,SAAA,UAAmB;UAAAkC,QAAA,EAAG5B;YAC1C6B,IAAA,CAAC;UAAA9B,SAAA,EAAgB,GAAGL,SAAA,SAAkB;UAAAkC,QAAA,EAAGb;;;;;;;;;;;;;;;;;;;;SAF3CH,E;CAKJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IframeLoader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAIjD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsCpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IframeLoader/index.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAIjD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmDpD,CAAA"}

package/dist/elements/IframeLoader/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from '../../providers/Translation/index.js';
 import { DelayedSpinner } from '../DelayedSpinner/index.js';
 import './index.css';
 const baseClass = 'iframe-loader';
@@ -9,22 +10,48 @@ const baseClass = 'iframe-loader';
 export const IframeLoader = ({
   onLoad: onLoadFromProps,
   src,
+  srcDoc,
   title,
   ...rest
 }) => {
-  const [isLoading, setIsLoading] = useState(Boolean(src));
+  const {
+    t
+  } = useTranslation();
+  const [loadedSource, setLoadedSource] = useState({
+    hasLoaded: false,
+    src,
+    srcDoc
+  });
+  const [loadingAnnouncement, setLoadingAnnouncement] = useState('');
+  if (loadedSource.src !== src || loadedSource.srcDoc !== srcDoc) {
+    setLoadedSource({
+      hasLoaded: false,
+      src,
+      srcDoc
+    });
+  }
+  const isLoading = Boolean(src || srcDoc) && !loadedSource.hasLoaded;
   useEffect(() => {
-    setIsLoading(Boolean(src));
-  }, [src]);
+    setLoadingAnnouncement(isLoading ? t('general:loading') : '');
+  }, [isLoading, t]);
   const onLoad = useCallback(e => {
     if (typeof onLoadFromProps === 'function') {
       onLoadFromProps(e);
     }
-    setIsLoading(false);
-  }, [onLoadFromProps]);
+    setLoadedSource({
+      hasLoaded: true,
+      src,
+      srcDoc
+    });
+  }, [onLoadFromProps, src, srcDoc]);
   return /*#__PURE__*/_jsxs("div", {
     className: `${baseClass}__container`,
-    children: [/*#__PURE__*/_jsx(DelayedSpinner, {
+    children: [/*#__PURE__*/_jsx("span", {
+      "aria-atomic": "true",
+      className: "sr-only",
+      role: "status",
+      children: loadingAnnouncement
+    }), /*#__PURE__*/_jsx(DelayedSpinner, {
       baseClass: baseClass,
       isLoading: isLoading
     }), /*#__PURE__*/_jsx("iframe", {
@@ -34,6 +61,7 @@ export const IframeLoader = ({
       // eslint-disable-next-line
       sandbox: "allow-same-origin allow-scripts allow-forms allow-popups allow-modals allow-downloads",
       src: src,
+      srcDoc: srcDoc,
       title: title
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","useEffect","useState","DelayedSpinner","baseClass","IframeLoader","onLoad","onLoadFromProps","src","title","rest","isLoading","setIsLoading","Boolean","e","_jsxs","className","_jsx","filter","join","sandbox"],"sources":["../../../src/elements/IframeLoader/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nimport { DelayedSpinner } from '../DelayedSpinner/index.js'\nimport './index.css'\n\nexport type IframeLoaderProps = {\n  ref?: React.Ref<HTMLIFrameElement>\n} & React.IframeHTMLAttributes<HTMLIFrameElement>\n\nconst baseClass = 'iframe-loader'\n\n/**\n * Loads an `iframe` element with the given source behind a loading indicator.\n */\nexport const IframeLoader: React.FC<IframeLoaderProps> = ({\n  onLoad: onLoadFromProps,\n  src,\n  title,\n  ...rest\n}) => {\n  const [isLoading, setIsLoading] = useState(Boolean(src))\n\n  useEffect(() => {\n    setIsLoading(Boolean(src))\n  }, [src])\n\n  const onLoad = useCallback<React.IframeHTMLAttributes<HTMLIFrameElement>['onLoad']>(\n    (e) => {\n      if (typeof onLoadFromProps === 'function') {\n        onLoadFromProps(e)\n      }\n      setIsLoading(false)\n    },\n    [onLoadFromProps],\n  )\n\n  return (\n    <div className={`${baseClass}__container`}>\n      <DelayedSpinner baseClass={baseClass} isLoading={isLoading} />\n      <iframe\n        {...rest}\n        className={[`${baseClass}__iframe`, isLoading && `${baseClass}__iframe--is-loading`]\n          .filter(Boolean)\n          .join(' ')}\n        onLoad={onLoad}\n        // eslint-disable-next-line\n        sandbox=\"allow-same-origin allow-scripts allow-forms allow-popups allow-modals allow-downloads\"\n        src={src}\n        title={title}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAEjD,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAMP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,YAAA,GAA4CA,CAAC;EACxDC,MAAA,EAAQC,eAAe;EACvBC,GAAG;EACHC,KAAK;EACL,GAAGC;AAAA,CACJ;EACC,MAAM,CAACC,SAAA,EAAWC,YAAA,CAAa,GAAGV,QAAA,CAASW,OAAA,CAAQL,GAAA;EAEnDP,SAAA,CAAU;IACRW,YAAA,CAAaC,OAAA,CAAQL,GAAA;EACvB,GAAG,CAACA,GAAA,CAAI;EAER,MAAMF,MAAA,GAASN,WAAA,CACZc,CAAA;IACC,IAAI,OAAOP,eAAA,KAAoB,YAAY;MACzCA,eAAA,CAAgBO,CAAA;IAClB;IACAF,YAAA,CAAa;EACf,GACA,CAACL,eAAA,CAAgB;EAGnB,oBACEQ,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGZ,SAAA,aAAsB;4BACvCa,IAAA,CAACd,cAAA;MAAeC,SAAA,EAAWA,SAAA;MAAWO,SAAA,EAAWA;qBACjDM,IAAA,CAAC;MACE,GAAGP,IAAI;MACRM,SAAA,EAAW,CAAC,GAAGZ,SAAA,UAAmB,EAAEO,SAAA,IAAa,GAAGP,SAAA,sBAA+B,CAAC,CACjFc,MAAM,CAACL,OAAA,EACPM,IAAI,CAAC;MACRb,MAAA,EAAQA,MAAA;MACR;MACAc,OAAA,EAAQ;MACRZ,GAAA,EAAKA,GAAA;MACLC,KAAA,EAAOA;;;AAIf","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useState","useTranslation","DelayedSpinner","baseClass","IframeLoader","onLoad","onLoadFromProps","src","srcDoc","title","rest","t","loadedSource","setLoadedSource","hasLoaded","loadingAnnouncement","setLoadingAnnouncement","isLoading","Boolean","e","_jsxs","className","_jsx","role","filter","join","sandbox"],"sources":["../../../src/elements/IframeLoader/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { DelayedSpinner } from '../DelayedSpinner/index.js'\nimport './index.css'\n\nexport type IframeLoaderProps = {\n  ref?: React.Ref<HTMLIFrameElement>\n} & React.IframeHTMLAttributes<HTMLIFrameElement>\n\nconst baseClass = 'iframe-loader'\n\n/**\n * Loads an `iframe` element with the given source behind a loading indicator.\n */\nexport const IframeLoader: React.FC<IframeLoaderProps> = ({\n  onLoad: onLoadFromProps,\n  src,\n  srcDoc,\n  title,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n  const [loadedSource, setLoadedSource] = useState({ hasLoaded: false, src, srcDoc })\n  const [loadingAnnouncement, setLoadingAnnouncement] = useState('')\n\n  if (loadedSource.src !== src || loadedSource.srcDoc !== srcDoc) {\n    setLoadedSource({ hasLoaded: false, src, srcDoc })\n  }\n\n  const isLoading = Boolean(src || srcDoc) && !loadedSource.hasLoaded\n\n  useEffect(() => {\n    setLoadingAnnouncement(isLoading ? t('general:loading') : '')\n  }, [isLoading, t])\n\n  const onLoad = useCallback<React.IframeHTMLAttributes<HTMLIFrameElement>['onLoad']>(\n    (e) => {\n      if (typeof onLoadFromProps === 'function') {\n        onLoadFromProps(e)\n      }\n      setLoadedSource({ hasLoaded: true, src, srcDoc })\n    },\n    [onLoadFromProps, src, srcDoc],\n  )\n\n  return (\n    <div className={`${baseClass}__container`}>\n      <span aria-atomic=\"true\" className=\"sr-only\" role=\"status\">\n        {loadingAnnouncement}\n      </span>\n      <DelayedSpinner baseClass={baseClass} isLoading={isLoading} />\n      <iframe\n        {...rest}\n        className={[`${baseClass}__iframe`, isLoading && `${baseClass}__iframe--is-loading`]\n          .filter(Boolean)\n          .join(' ')}\n        onLoad={onLoad}\n        // eslint-disable-next-line\n        sandbox=\"allow-same-origin allow-scripts allow-forms allow-popups allow-modals allow-downloads\"\n        src={src}\n        srcDoc={srcDoc}\n        title={title}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAEjD,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAMP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,YAAA,GAA4CA,CAAC;EACxDC,MAAA,EAAQC,eAAe;EACvBC,GAAG;EACHC,MAAM;EACNC,KAAK;EACL,GAAGC;AAAA,CACJ;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGV,cAAA;EACd,MAAM,CAACW,YAAA,EAAcC,eAAA,CAAgB,GAAGb,QAAA,CAAS;IAAEc,SAAA,EAAW;IAAOP,GAAA;IAAKC;EAAO;EACjF,MAAM,CAACO,mBAAA,EAAqBC,sBAAA,CAAuB,GAAGhB,QAAA,CAAS;EAE/D,IAAIY,YAAA,CAAaL,GAAG,KAAKA,GAAA,IAAOK,YAAA,CAAaJ,MAAM,KAAKA,MAAA,EAAQ;IAC9DK,eAAA,CAAgB;MAAEC,SAAA,EAAW;MAAOP,GAAA;MAAKC;IAAO;EAClD;EAEA,MAAMS,SAAA,GAAYC,OAAA,CAAQX,GAAA,IAAOC,MAAA,KAAW,CAACI,YAAA,CAAaE,SAAS;EAEnEf,SAAA,CAAU;IACRiB,sBAAA,CAAuBC,SAAA,GAAYN,CAAA,CAAE,qBAAqB;EAC5D,GAAG,CAACM,SAAA,EAAWN,CAAA,CAAE;EAEjB,MAAMN,MAAA,GAASP,WAAA,CACZqB,CAAA;IACC,IAAI,OAAOb,eAAA,KAAoB,YAAY;MACzCA,eAAA,CAAgBa,CAAA;IAClB;IACAN,eAAA,CAAgB;MAAEC,SAAA,EAAW;MAAMP,GAAA;MAAKC;IAAO;EACjD,GACA,CAACF,eAAA,EAAiBC,GAAA,EAAKC,MAAA,CAAO;EAGhC,oBACEY,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGlB,SAAA,aAAsB;4BACvCmB,IAAA,CAAC;MAAK,eAAY;MAAOD,SAAA,EAAU;MAAUE,IAAA,EAAK;gBAC/CR;qBAEHO,IAAA,CAACpB,cAAA;MAAeC,SAAA,EAAWA,SAAA;MAAWc,SAAA,EAAWA;qBACjDK,IAAA,CAAC;MACE,GAAGZ,IAAI;MACRW,SAAA,EAAW,CAAC,GAAGlB,SAAA,UAAmB,EAAEc,SAAA,IAAa,GAAGd,SAAA,sBAA+B,CAAC,CACjFqB,MAAM,CAACN,OAAA,EACPO,IAAI,CAAC;MACRpB,MAAA,EAAQA,MAAA;MACR;MACAqB,OAAA,EAAQ;MACRnB,GAAA,EAAKA,GAAA;MACLC,MAAA,EAAQA,MAAA;MACRC,KAAA,EAAOA;;;AAIf","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","InputStepper","t0","$","disabled","onDecrement","onIncrement","t","t1","_jsxs","className","children","_jsx","onClick","tabIndex","type","direction","size"],"sources":["../../../src/elements/InputStepper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'input-stepper'\n\nexport type InputStepperProps = {\n  readonly disabled?: boolean\n  readonly onDecrement: () => void\n  readonly onIncrement: () => void\n}\n\nexport const InputStepper: React.FC<InputStepperProps> = ({\n  disabled,\n  onDecrement,\n  onIncrement,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:increment')}\n        disabled={disabled}\n        onClick={onIncrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"up\" size={16} />\n      </button>\n      <button\n        aria-label={t('general:decrement')}\n        disabled={disabled}\n        onClick={onDecrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"down\" size={16} />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAV,SAAA;MAAAW,QAAA,GACCC,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELP,WAAA;QAAAQ,QAAA;QAAAC,IAAA,EAEJ;QAAAJ,QAAA,EAELC,IAAA,CAAAd,WAAA;UAAAkB,SAAA,EAAuB;UAAAC,IAAA;QAAA,C;UAEzBL,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELR,WAAA;QAAAS,QAAA;QAAAC,IAAA,EAEJ;QAAAJ,QAAA,EAELC,IAAA,CAAAd,WAAA;UAAAkB,SAAA,EAAuB;UAAAC,IAAA;QAAA,C;;;;;;;;;;;SAjB3BT,E;CAqBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","InputStepper","t0","$","disabled","onDecrement","onIncrement","t","t1","_jsxs","className","children","_jsx","onClick","tabIndex","type","direction","size"],"sources":["../../../src/elements/InputStepper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'input-stepper'\n\nexport type InputStepperProps = {\n  readonly disabled?: boolean\n  readonly onDecrement: () => void\n  readonly onIncrement: () => void\n}\n\nexport const InputStepper: React.FC<InputStepperProps> = ({\n  disabled,\n  onDecrement,\n  onIncrement,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:increment')}\n        disabled={disabled}\n        onClick={onIncrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"up\" size={16} />\n      </button>\n      <button\n        aria-label={t('general:decrement')}\n        disabled={disabled}\n        onClick={onDecrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"down\" size={16} />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAeV,SAAA;MAAAW,QAAA,E,CACdC,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELP,WAAA;QAAAQ,QAAA,EACC,EAAC;QAAAC,IAAA,EACN;QAAAJ,QAAA,EAELC,IAAA,CAACd,WAAA;UAAAkB,SAAA,EAAsB;UAAAC,IAAA,EAAW;;UAEpCL,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELR,WAAA;QAAAS,QAAA,EACC,EAAC;QAAAC,IAAA,EACN;QAAAJ,QAAA,EAELC,IAAA,CAACd,WAAA;UAAAkB,SAAA,EAAsB;UAAAC,IAAA,EAAa;;;;;;;;;;;;SAjBxCT,E;CAqBJ","ignoreList":[]}

package/dist/elements/ItemsDrawer/ItemSearch/index.css

@@ -19,7 +19,6 @@
   }
 
   .item-search__input {
-    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/ItemsDrawer/ItemSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useId","SearchIcon","baseClass","ItemSearch","t0","$","placeholder","setSearchTerm","inputId","labelId","t1","e","target","value","handleChange","t2","_jsxs","className","children","_jsx","htmlFor","id","onChange","type"],"sources":["../../../../src/elements/ItemsDrawer/ItemSearch/index.tsx"],"sourcesContent":["'use client'\nimport React, { useId } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport './index.css'\n\nconst baseClass = 'item-search'\n\nexport type Props = {\n  readonly placeholder?: string\n  readonly setSearchTerm: (term: string) => void\n}\n\nexport const ItemSearch: React.FC<Props> = ({ placeholder, setSearchTerm }) => {\n  const inputId = useId()\n  const labelId = `${inputId}-label`\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <label className=\"sr-only\" htmlFor={inputId} id={labelId}>\n        {placeholder}\n      </label>\n      <SearchIcon />\n      <input\n        aria-labelledby={labelId}\n        className={`${baseClass}__input`}\n        id={inputId}\n        onChange={handleChange}\n        placeholder={placeholder}\n        type=\"text\"\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,WAAA;IAAAC;EAAA,IAAAH,EAA8B;EACxE,MAAAI,OAAA,GAAgBR,KAAA;EAChB,MAAAS,OAAA,GAAgB,GAAGD,OAAA,QAAe;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAE,aAAA;IAEbG,EAAA,GAAAC,CAAA;MACnBJ,aAAA,CAAcI,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BR,CAAA,MAAAE,aAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFA,MAAAS,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAC,WAAA;IAGES,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAf,SAAA;MAAAgB,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EAAgB;QAAAG,OAAA,EAAmBZ,OAAA;QAAAa,EAAA,EAAaZ,OAAA;QAAAS,QAAA,EAC9CZ;MAAA,C,GAEHa,IAAA,CAAAlB,UAAA,IAAC,GACDkB,IAAA,CAAC;QAAA,mBACkBV,OAAA;QAAAQ,SAAA,EACN,GAAAf,SAAA,SAAqB;QAAAmB,EAAA,EAC5Bb,OAAA;QAAAc,QAAA,EACMR,YAAA;QAAAR,WAAA;QAAAiB,IAAA,EAEL;MAAA,C;;;;;;;;;;SAXTR,E;CAeJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useId","SearchIcon","baseClass","ItemSearch","t0","$","placeholder","setSearchTerm","inputId","labelId","t1","e","target","value","handleChange","t2","_jsxs","className","children","_jsx","htmlFor","id","onChange","type"],"sources":["../../../../src/elements/ItemsDrawer/ItemSearch/index.tsx"],"sourcesContent":["'use client'\nimport React, { useId } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport './index.css'\n\nconst baseClass = 'item-search'\n\nexport type Props = {\n  readonly placeholder?: string\n  readonly setSearchTerm: (term: string) => void\n}\n\nexport const ItemSearch: React.FC<Props> = ({ placeholder, setSearchTerm }) => {\n  const inputId = useId()\n  const labelId = `${inputId}-label`\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <label className=\"sr-only\" htmlFor={inputId} id={labelId}>\n        {placeholder}\n      </label>\n      <SearchIcon />\n      <input\n        aria-labelledby={labelId}\n        className={`${baseClass}__input`}\n        id={inputId}\n        onChange={handleChange}\n        placeholder={placeholder}\n        type=\"text\"\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,WAAA;IAAAC;EAAA,IAAAH,EAA8B;EACxE,MAAAI,OAAA,GAAgBR,KAAA;EAChB,MAAAS,OAAA,GAAgB,GAAGD,OAAA,QAAe;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAE,aAAA;IAEbG,EAAA,GAAAC,CAAA;MACnBJ,aAAA,CAAcI,CAAA,CAAAC,MAAQ,CAAAC,KAAM;IAAA,CAC9B;IAAAR,CAAA,MAAAE,aAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFA,MAAAS,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAC,WAAA;IAGES,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAef,SAAA;MAAAgB,QAAA,E,CACdC,IAAA,CAAC;QAAAF,SAAA,EAAgB;QAAAG,OAAA,EAAmBZ,OAAA;QAAAa,EAAA,EAAaZ,OAAA;QAAAS,QAAA,EAC9CZ;UAEHa,IAAA,CAAClB,UAAA,OACDkB,IAAA,CAAC;QAAA,mBACkBV,OAAA;QAAAQ,SAAA,EACN,GAAGf,SAAA,SAAkB;QAAAmB,EAAA,EAC5Bb,OAAA;QAAAc,QAAA,EACMR,YAAA;QAAAR,WAAA;QAAAiB,IAAA,EAEL;;;;;;;;;;;SAXTR,E;CAeJ","ignoreList":[]}

package/dist/elements/ItemsDrawer/index.css

@@ -54,12 +54,14 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1440px) {
     .items-drawer__items {
       grid-template-columns: repeat(5, 1fr);
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .items-drawer__items-wrapper {
       padding-top: var(--spacer-2-5);
@@ -78,6 +80,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .items-drawer__items-wrapper {
       padding-top: var(--spacer-2-5);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ItemsDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAKhE,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,OAAO,aAAa,CAAA;AAGpB,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AA0ED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmIlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ItemsDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAKhE,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,OAAO,aAAa,CAAA;AAGpB,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AA0ED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyJlD,CAAA"}