@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","formatAdminURL","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","reset","resetForm","code","locale","i18n","t","revertModalSlug","statusToRender","displayStatusKey","performAction","url","method","apiRoute","path","publishedDoc","get","headers","language","then","res","json","body","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","_jsx","className","title","_jsxs","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport './index.css'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    isTrashed,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(async () => {\n    let url\n    let method\n\n    if (collectionSlug) {\n      url = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`,\n      })\n      method = 'patch'\n    }\n\n    if (globalSlug) {\n      url = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`,\n      })\n      method = 'post'\n    }\n\n    const publishedDoc = await requests\n      .get(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then((res) => res.json())\n\n    const body = publishedDoc\n\n    const res = await requests[method](url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    if (res.status === 200) {\n      let data\n      const json = await res.json()\n\n      if (globalSlug) {\n        data = json.result\n      } else if (collectionSlug) {\n        data = json.doc\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      resetForm(data)\n      toast.success(json.message)\n      incrementVersionCount()\n      setMostRecentVersionIsAutosaved(false)\n\n      setUnpublishedVersionCount(0)\n    } else {\n      try {\n        const json = await res.json()\n        if (json.errors?.[0]?.message) {\n          toast.error(json.errors[0].message)\n        } else if (json.error) {\n          toast.error(json.error)\n        } else {\n          toast.error(t('error:revertingDocument'))\n        }\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      } catch (err) {\n        toast.error(t('error:revertingDocument'))\n      }\n    }\n  }, [\n    api,\n    collectionSlug,\n    globalSlug,\n    id,\n    i18n.language,\n    incrementVersionCount,\n    locale,\n    resetForm,\n    setUnpublishedVersionCount,\n    setMostRecentVersionIsAutosaved,\n    t,\n  ])\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n\n          {!isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToRevertToPublished')}\n                confirmingLabel={t('version:reverting')}\n                heading={t('version:confirmRevertToSaved')}\n                modalSlug={revertModalSlug}\n                onConfirm={() => performAction()}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","formatAdminURL","qs","React","useCallback","toast","useForm","useBranchParam","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","reset","resetForm","currentLocale","locale","code","branch","i18n","t","revertModalSlug","statusToRender","displayStatusKey","performAction","url","method","search","stringify","depth","addQueryPrefix","apiRoute","path","publishedDoc","get","headers","language","then","res","json","body","JSON","status","data","result","doc","success","message","errors","error","err","canUpdate","update","_jsx","className","title","_jsxs","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useBranchParam } from '../../providers/Branch/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport './index.css'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    isTrashed,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { reset: resetForm } = useForm()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const branch = useBranchParam()\n  const { i18n, t } = useTranslation()\n\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(async () => {\n    let url\n    let method\n\n    // Both the read and the write are scoped to the active branch: reverting is\n    // \"discard this branch's unpublished changes\", not a write to main.\n    const search = qs.stringify(\n      { branch, depth: 0, 'fallback-locale': 'null', locale },\n      { addQueryPrefix: true },\n    )\n\n    if (collectionSlug) {\n      url = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}/${id}${search}`,\n      })\n      method = 'patch'\n    }\n\n    if (globalSlug) {\n      url = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}${search}`,\n      })\n      method = 'post'\n    }\n\n    const publishedDoc = await requests\n      .get(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then((res) => res.json())\n\n    const body = publishedDoc\n\n    const res = await requests[method](url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    if (res.status === 200) {\n      let data\n      const json = await res.json()\n\n      if (globalSlug) {\n        data = json.result\n      } else if (collectionSlug) {\n        data = json.doc\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      resetForm(data)\n      toast.success(json.message)\n      incrementVersionCount()\n      setMostRecentVersionIsAutosaved(false)\n\n      setUnpublishedVersionCount(0)\n    } else {\n      try {\n        const json = await res.json()\n        if (json.errors?.[0]?.message) {\n          toast.error(json.errors[0].message)\n        } else if (json.error) {\n          toast.error(json.error)\n        } else {\n          toast.error(t('error:revertingDocument'))\n        }\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      } catch (err) {\n        toast.error(t('error:revertingDocument'))\n      }\n    }\n  }, [\n    api,\n    branch,\n    collectionSlug,\n    globalSlug,\n    id,\n    i18n.language,\n    incrementVersionCount,\n    locale,\n    resetForm,\n    setUnpublishedVersionCount,\n    setMostRecentVersionIsAutosaved,\n    t,\n  ])\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n\n          {!isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__action`}\n                id=\"action-revert-to-published\"\n                onClick={() => toggleModal(revertModalSlug)}\n              >\n                {t('version:revertToPublished')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToRevertToPublished')}\n                confirmingLabel={t('version:reverting')}\n                heading={t('version:confirmRevertToSaved')}\n                modalSlug={revertModalSlug}\n                onConfirm={() => performAction()}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","useCallback","useAuth","useConfig","useRouter","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","$","refreshCookie","router","config","admin","t0","routes","t1","t2","logout","logoutRoute","adminRoute","t","startRouteTransition","t3","push","path","onConfirm","t4","onCancel","t5","_jsx","body","cancelLabel","confirmLabel","heading","modalSlug"],"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,qBAAA,GAAwB;AAErC,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACzC;IAAAa;EAAA,IAA0BT,OAAA;EAE1B,MAAAU,MAAA,GAAeR,SAAA;EACf;IAAAS;EAAA,IAAmBV,SAAA;EAEnB;IAAAW,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAG/B;IAAAK;EAAA,IAAchB,cAAA;EACd;IAAAiB;EAAA,IAAiClB,kBAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAd,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAa,oBAAA;IAEHC,EAAA,GAAAA,CAAA,KACrBD,oBAAA,OACLX,MAAA,CAAAa,IAAA,CACE1B,cAAA;MAAAsB,UAAA;MAAAK,IAAA,EAEQN;IAAA,CACR;IAGNV,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAU,WAAA;IAAAV,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAa,oBAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EATA,MAAAiB,SAAA,GAAkBH,EASwC;EAAA,IAAAI,EAAA;EAAA,IAAAlB,CAAA,QAAAC,aAAA;IAEnBiB,EAAA,GAAAA,CAAA;MACrCjB,aAAA;IAAA;IACFD,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAFA,MAAAmB,QAAA,GAA2BD,EAET;EAAA,IAAAE,EAAA;EAAA,IAAApB,CAAA,QAAAmB,QAAA,IAAAnB,CAAA,QAAAiB,SAAA,IAAAjB,CAAA,QAAAY,CAAA;IAGhBQ,EAAA,GAAAC,IAAA,CAAAxB,iBAAA;MAAAyB,IAAA,EACQV,CAAA,CAAE;MAAAW,WAAA,EACKX,CAAA,CAAE;MAAAY,YAAA,EACDZ,CAAA,CAAE;MAAAa,OAAA,EACPb,CAAA,CAAE;MAAAc,SAAA,EAAA5B,qBAAA;MAAAqB,QAAA;MAAAF;IAAA,C;;;;;;;;SAJbG,E;CAUJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","useCallback","useAuth","useConfig","useRouter","useRouteTransition","useTranslation","ConfirmationModal","stayLoggedInModalSlug","StayLoggedInModal","$","refreshCookie","router","config","admin","t0","routes","t1","t2","logout","logoutRoute","adminRoute","t","startRouteTransition","t3","push","path","onConfirm","t4","onCancel","t5","_jsx","body","cancelLabel","confirmLabel","heading","modalSlug"],"sources":["../../../src/elements/StayLoggedIn/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\nexport const stayLoggedInModalSlug = 'stay-logged-in'\n\nexport const StayLoggedInModal: React.FC = () => {\n  const { refreshCookie } = useAuth()\n\n  const router = useRouter()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  const onConfirm = useCallback(() => {\n    return startRouteTransition(() =>\n      router.push(\n        formatAdminURL({\n          adminRoute,\n          path: logoutRoute,\n        }),\n      ),\n    )\n  }, [router, startRouteTransition, adminRoute, logoutRoute])\n\n  const onCancel: OnCancel = useCallback(() => {\n    refreshCookie()\n  }, [refreshCookie])\n\n  return (\n    <ConfirmationModal\n      body={t('authentication:youAreInactive')}\n      cancelLabel={t('authentication:stayLoggedIn')}\n      confirmLabel={t('authentication:logOut')}\n      heading={t('authentication:stayLoggedIn')}\n      modalSlug={stayLoggedInModalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,qBAAA,GAAwB;AAErC,OAAO,MAAMC,iBAAA,GAA8BA,CAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACzC;IAAAa;EAAA,IAA0BT,OAAA;EAE1B,MAAAU,MAAA,GAAeR,SAAA;EACf;IAAAS;EAAA,IAAmBV,SAAA;EAEnB;IAAAW,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAG/B;IAAAK;EAAA,IAAchB,cAAA;EACd;IAAAiB;EAAA,IAAiClB,kBAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAd,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAU,WAAA,IAAAV,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAa,oBAAA;IAEHC,EAAA,GAAAA,CAAA,KACrBD,oBAAA,CAAqB,MAC1BX,MAAA,CAAAa,IAAW,CACT1B,cAAA,CAAe;MAAAsB,UAAA;MAAAK,IAAA,EAEPN;IACR,IAGN;IAAAV,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAU,WAAA;IAAAV,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAa,oBAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EATA,MAAAiB,SAAA,GAAkBH,EASwC;EAAA,IAAAI,EAAA;EAAA,IAAAlB,CAAA,QAAAC,aAAA;IAEnBiB,EAAA,GAAAA,CAAA;MACrCjB,aAAA;IAAA,CACF;IAAAD,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAFA,MAAAmB,QAAA,GAA2BD,EAET;EAAA,IAAAE,EAAA;EAAA,IAAApB,CAAA,QAAAmB,QAAA,IAAAnB,CAAA,QAAAiB,SAAA,IAAAjB,CAAA,QAAAY,CAAA;IAGhBQ,EAAA,GAAAC,IAAA,CAACxB,iBAAA;MAAAyB,IAAA,EACOV,CAAA,CAAE;MAAAW,WAAA,EACKX,CAAA,CAAE;MAAAY,YAAA,EACDZ,CAAA,CAAE;MAAAa,OAAA,EACPb,CAAA,CAAE;MAAAc,SAAA,EACA5B,qBAAA;MAAAqB,QAAA;MAAAF;;;;;;;;;SALbG,E;CAUJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"SetStepNav.js","names":["c","_c","useEffect","useStepNav","SetStepNav","t0","$","nav","setStepNav","t1","t2"],"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './context.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAI1B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,UAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAAO;EACX;IAAAG;EAAA,IAAuBL,UAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,GAAA,IAAAD,CAAA,QAAAE,UAAA;IAEbC,EAAA,GAAAA,CAAA;MACRD,UAAA,CAAWD,GAAA;IAAA;IACVG,EAAA,IAACF,UAAA,EAAYD,GAAA;IAAID,CAAA,MAAAC,GAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFpBJ,SAAA,CAAUO,EAEV,EAAGC,EAAiB;EAAA;AAAA,CAGtB","ignoreList":[]}
+{"version":3,"file":"SetStepNav.js","names":["c","_c","useEffect","useStepNav","SetStepNav","t0","$","nav","setStepNav","t1","t2"],"sources":["../../../src/elements/StepNav/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { useStepNav } from './context.js'\n\nexport const SetStepNav: React.FC<{\n  nav: StepNavItem[]\n}> = ({ nav }) => {\n  const { setStepNav } = useStepNav()\n\n  useEffect(() => {\n    setStepNav(nav)\n  }, [setStepNav, nav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,QAAQ;AAI1B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,UAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAAO;EACX;IAAAG;EAAA,IAAuBL,UAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,GAAA,IAAAD,CAAA,QAAAE,UAAA;IAEbC,EAAA,GAAAA,CAAA;MACRD,UAAA,CAAWD,GAAA;IAAA,CACb;IAAGG,EAAA,IAACF,UAAA,EAAYD,GAAA,CAAI;IAAAD,CAAA,MAAAC,GAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFpBJ,SAAA,CAAUO,EAEV,EAAGC,EAAiB;EAAA,OAEb;AAAA,CACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["c","_c","React","createContext","use","useState","useStepNav","Context","setStepNav","process","env","NODE_ENV","console","warn","stepNav","StepNavProvider","t0","$","children","t1","Symbol","for","t2","_jsx","value"],"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(Context)\n\nexport const Context = createContext<ContextType>({\n  setStepNav: () => {\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.warn('StepNavProvider is missing; `setStepNav` is a no-op.')\n    }\n  },\n  stepNav: [],\n})\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAIpD,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAmBF,GAAA,CAAIG,OAAA;AAEjD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAA2B;EAChDK,UAAA,EAAYA,CAAA;IACV,IAAIC,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;MACzC;MACAC,OAAA,CAAQC,IAAI,CAAC;IACf;EACF;EACAC,OAAA,EAAS;AACX;AAEA,OAAO,MAAMC,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA;IAAEF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAH,OAAA,EAAAN,UAAA,IAA8BH,QAAA,CAASc,EAAE;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAH,OAAA;IAGvCQ,EAAA,GAAAC,IAAA,CAAAhB,OAAA;MAAAiB,KAAA;QAAAhB,UAAA;QAAAM;MAAA;MAAAI;IAAA,C;;;;;;;SAAAI,E;CASJ","ignoreList":[]}
+{"version":3,"file":"context.js","names":["c","_c","React","createContext","use","useState","useStepNav","Context","setStepNav","process","env","NODE_ENV","console","warn","stepNav","StepNavProvider","t0","$","children","t1","Symbol","for","t2","_jsx","value"],"sources":["../../../src/elements/StepNav/context.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\nimport type { ContextType } from './types.js'\n\nexport const useStepNav = (): ContextType => use(Context)\n\nexport const Context = createContext<ContextType>({\n  setStepNav: () => {\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line no-console\n      console.warn('StepNavProvider is missing; `setStepNav` is a no-op.')\n    }\n  },\n  stepNav: [],\n})\n\nexport const StepNavProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [stepNav, setStepNav] = useState([])\n\n  return (\n    <Context\n      value={{\n        setStepNav,\n        stepNav,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAIpD,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAmBF,GAAA,CAAIG,OAAA;AAEjD,OAAO,MAAMA,OAAA,gBAAUJ,aAAA,CAA2B;EAChDK,UAAA,EAAYA,CAAA;IACV,IAAIC,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;MACzC;MACAC,OAAA,CAAQC,IAAI,CAAC;IACf;EACF;EACAC,OAAA,EAAS;AACX;AAEA,OAAO,MAAMC,eAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB;EAAA,IAAAF,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC7CF,EAAA,KAAE;IAAAF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAzC,OAAAH,OAAA,EAAAN,UAAA,IAA8BH,QAAA,CAASc,EAAE;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAH,OAAA;IAGvCQ,EAAA,GAAAC,IAAA,CAAChB,OAAA;MAAAiB,KAAA,EACQ;QAAAhB,UAAA;QAAAM;MAGP;MAAAI;;;;;;;;SAJFI,E;CASJ","ignoreList":[]}

package/dist/elements/StepNav/index.css

@@ -2,15 +2,18 @@
   .step-nav {
     display: flex;
     align-items: center;
-    font-family: var(--text-body-medium-font-family);
+    min-width: 0;
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
     letter-spacing: var(--text-body-medium-letter-spacing);
     color: var(--color-text);
+    -webkit-user-select: none;
+    user-select: none;
 
     &::after {
       content: ' ';
+      flex-shrink: 0;
       position: sticky;
       top: 0;
       right: 0;
@@ -21,6 +24,7 @@
     a {
       display: flex;
       align-items: center;
+      min-width: 0;
       text-decoration: none;
       border-radius: var(--button-radius);
 
@@ -28,38 +32,97 @@
         cursor: pointer;
       }
     }
+  }
 
-    span {
-      max-width: calc(var(--spacer-6) * 4);
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
+  .step-nav .step-nav__item {
+    font: inherit;
+    letter-spacing: inherit;
+  }
 
-      &:has(.dashboard-breadcrumb-dropdown, .dashboard-breadcrumb-dropdown__editing) {
-        max-width: none;
-        overflow: visible;
-        white-space: normal;
-      }
+  .step-nav__item {
+    max-width: calc(var(--spacer-6) * 4);
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  .step-nav__item .btn__content {
+    min-width: 0;
+  }
+
+  .step-nav__item .btn__label {
+    min-width: 0;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .step-nav__item:not(.step-nav__last) {
+    flex-shrink: 0;
+    color: var(--color-text-secondary);
+  }
+
+  .step-nav__item.step-nav__last {
+    min-width: var(--spacer-5);
+    max-width: none;
+    color: var(--color-text);
+  }
+
+  .step-nav .step-nav__item.step-nav__last:hover {
+    background-color: transparent;
+  }
+
+  .step-nav__item:has(.dashboard-breadcrumb-dropdown, .dashboard-breadcrumb-dropdown__editing) {
+    max-width: none;
+    overflow: visible;
+    white-space: normal;
+  }
+
+  .step-nav__collapsed {
+    flex-shrink: 0;
+  }
+
+  .step-nav__collapsed-toggle {
+    padding: 0 var(--spacer-1);
+    color: var(--color-text);
+  }
+
+  .step-nav__measurer-clip {
+    position: absolute;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .step-nav__measurer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-flex;
+    padding-right: var(--spacer-3);
+
+    .step-nav__item {
+      max-width: none;
     }
   }
 
   .step-nav__separator {
     color: var(--color-text-tertiary);
     width: var(--spacer-2);
+    flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
   }
 
-  .step-nav__last {
-    color: var(--color-text-secondary);
+  .step-nav__item:not(.btn):not(:has(.btn)) {
+    padding-inline: var(--spacer-2);
+    border: var(--stroke-width-small) solid transparent;
   }
 
-  .step-nav__item:not(.btn),
-  .step-nav__item:has(.btn) {
-    margin-left: var(--spacer-2);
-  }
-  .step-nav__item:has(.btn) {
-    margin-left: 0;
+  /* A crumb that isn't a link has no button padding to separate it from what
+     follows, so the separator would sit against its last character. Only the
+     last crumb is followed by nothing. */
+  .step-nav__item:not(.btn):not(.step-nav__last) {
+    margin-inline-end: var(--spacer-2);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAK7C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI5C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CA2EA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAM7C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAM5C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CA4LA,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA"}

package/dist/elements/StepNav/index.js

@@ -1,21 +1,20 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { Fragment } from 'react';
+import React, { Fragment, useEffect, useRef, useState } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
+import { Popup, PopupList } from '../Popup/index.js';
 import { StepNavProvider, useStepNav } from './context.js';
 import './index.css';
 export { SetStepNav } from './SetStepNav.js';
 const baseClass = 'step-nav';
-const StepNav = t0 => {
-  const $ = _c(11);
-  const {
-    className
-  } = t0;
+const minItemsToCollapse = 4;
+const StepNav = ({
+  className
+}) => {
   const {
     i18n
   } = useTranslation();
@@ -23,75 +22,153 @@ const StepNav = t0 => {
     stepNav
   } = useStepNav();
   const {
-    config: t1
+    config: {
+      routes: {
+        admin
+      }
+    }
   } = useConfig();
-  const {
-    routes: t2
-  } = t1;
-  const {
-    admin
-  } = t2;
   const {
     t
   } = useTranslation();
+  const navRef = useRef(null);
+  const measurerRef = useRef(null);
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  // Check if first item is a dashboard dropdown (React element with no URL)
+  // In that case, it replaces the home element entirely
   const firstItem = stepNav[0];
-  let t3;
-  if ($[0] !== firstItem) {
-    t3 = firstItem && !firstItem.url && typeof firstItem.label !== "string" && React.isValidElement(firstItem.label);
-    $[0] = firstItem;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const hasDashboardDropdown = t3;
-  let t4;
-  if ($[2] !== admin || $[3] !== className || $[4] !== hasDashboardDropdown || $[5] !== i18n || $[6] !== stepNav || $[7] !== t) {
-    const stepNavItems = hasDashboardDropdown ? stepNav : [{
-      label: t("general:dashboard"),
-      url: admin
-    }, ...stepNav];
-    let t5;
-    if ($[9] !== className) {
-      t5 = [baseClass, className].filter(Boolean);
-      $[9] = className;
-      $[10] = t5;
-    } else {
-      t5 = $[10];
+  const hasDashboardDropdown = firstItem && !firstItem.url && typeof firstItem.label !== 'string' && /*#__PURE__*/React.isValidElement(firstItem.label);
+  const stepNavItems = hasDashboardDropdown ? stepNav : [{
+    label: t('general:dashboard'),
+    url: admin
+  }, ...stepNav];
+  const canCollapse = !hasDashboardDropdown && stepNavItems.length >= minItemsToCollapse;
+  // Collapse only when the expanded breadcrumbs (measured via the hidden
+  // measurer) can't fit the available width.
+  useEffect(() => {
+    if (!canCollapse) {
+      setIsCollapsed(false);
+      return;
     }
-    t4 = _jsx("nav", {
-      className: t5.join(" "),
-      children: stepNavItems.map((item, i) => {
-        const StepLabel = getTranslation(item.label, i18n);
-        const isLast = stepNavItems.length === i + 1;
-        const isFirst = i === 0;
-        return _jsxs(Fragment, {
-          children: [item.url ? _jsx(Button, {
-            buttonStyle: "ghost",
-            className: [`${baseClass}__item`, isLast ? `${baseClass}__last` : undefined, isFirst ? `${baseClass}__first` : undefined].filter(Boolean).join(" "),
-            el: "link",
-            url: item.url,
-            children: StepLabel
-          }) : _jsx("span", {
-            className: [`${baseClass}__item`, isLast ? `${baseClass}__last` : undefined, isFirst ? `${baseClass}__first` : undefined].filter(Boolean).join(" "),
-            children: StepLabel
-          }), !isLast && _jsx("span", {
-            className: `${baseClass}__separator`,
-            children: "/"
-          })]
-        }, i);
-      })
+    const nav = navRef.current;
+    const measurer = measurerRef.current;
+    const container = nav?.parentElement;
+    if (!nav || !measurer || !container) {
+      return;
+    }
+    const measure = () => {
+      const available = container.clientWidth;
+      const needed = measurer.getBoundingClientRect().width;
+      setIsCollapsed(needed - available > 1);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(container);
+    // A web font finishing loading can change the measured width without the
+    // container resizing, so the ResizeObserver alone won't catch it.
+    let isEffectActive = true;
+    void document.fonts?.ready.then(() => {
+      if (isEffectActive) {
+        measure();
+      }
+    });
+    return () => {
+      isEffectActive = false;
+      observer.disconnect();
+    };
+  }, [canCollapse, stepNav, i18n, admin, t]);
+  const renderItem = (item, {
+    isFirst,
+    isLast
+  }) => {
+    const StepLabel = getTranslation(item.label, i18n);
+    const title = typeof StepLabel === 'string' ? StepLabel : undefined;
+    const isCurrent = item.isCurrent ?? isLast;
+    const itemClassName = [`${baseClass}__item`, isLast ? `${baseClass}__last` : undefined, isFirst ? `${baseClass}__first` : undefined].filter(Boolean).join(' ');
+    if (item.url) {
+      return /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "ghost",
+        className: itemClassName,
+        el: "link",
+        extraButtonProps: {
+          'aria-current': isCurrent ? 'page' : false,
+          title
+        },
+        url: item.url,
+        children: StepLabel
+      });
+    }
+    return /*#__PURE__*/_jsx("span", {
+      "aria-current": isCurrent ? 'page' : undefined,
+      className: itemClassName,
+      title: title,
+      children: StepLabel
     });
-    $[2] = admin;
-    $[3] = className;
-    $[4] = hasDashboardDropdown;
-    $[5] = i18n;
-    $[6] = stepNav;
-    $[7] = t;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  return t4;
+  };
+  const separator = /*#__PURE__*/_jsx("span", {
+    className: `${baseClass}__separator`,
+    children: "/"
+  });
+  const renderTrail = () => stepNavItems.map((item_0, i) => {
+    const isLast_0 = stepNavItems.length === i + 1;
+    const isFirst_0 = i === 0;
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [renderItem(item_0, {
+        isFirst: isFirst_0,
+        isLast: isLast_0
+      }), !isLast_0 && separator]
+    }, i);
+  });
+  const shouldCollapse = canCollapse && isCollapsed;
+  const collapsedItems = shouldCollapse ? stepNavItems.slice(1, -1) : [];
+  const lastItem = stepNavItems[stepNavItems.length - 1];
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx("nav", {
+      "aria-label": t('general:breadcrumb'),
+      className: [baseClass, className].filter(Boolean).join(' '),
+      ref: navRef,
+      children: shouldCollapse ? /*#__PURE__*/_jsxs(Fragment, {
+        children: [renderItem(stepNavItems[0], {
+          isFirst: true,
+          isLast: false
+        }), separator, /*#__PURE__*/_jsx(Popup, {
+          button: "…",
+          buttonAriaLabel: t('general:moreOptions'),
+          buttonClassName: `${baseClass}__collapsed-toggle`,
+          buttonType: "custom",
+          className: `${baseClass}__collapsed`,
+          horizontalAlign: "left",
+          noBackground: true,
+          popupType: "menu",
+          render: ({
+            close
+          }) => /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
+            className: `${baseClass}__collapsed-list`,
+            children: collapsedItems.map((item_1, i_0) => /*#__PURE__*/_jsx(PopupList.Button, {
+              ariaCurrent: item_1.isCurrent ? 'page' : false,
+              href: item_1.url,
+              onClick: close,
+              children: getTranslation(item_1.label, i18n)
+            }, i_0))
+          }),
+          size: "fit-content",
+          verticalAlign: "bottom"
+        }), separator, renderItem(lastItem, {
+          isFirst: false,
+          isLast: true
+        })]
+      }) : renderTrail()
+    }), canCollapse ? /*#__PURE__*/_jsx("span", {
+      "aria-hidden": "true",
+      className: `${baseClass}__measurer-clip`,
+      inert: true,
+      children: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__measurer`,
+        ref: measurerRef,
+        children: renderTrail()
+      })
+    }) : null]
+  });
 };
 export { StepNav, StepNavProvider, useStepNav };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useConfig","useTranslation","Button","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","i18n","stepNav","config","t1","routes","t2","admin","t","firstItem","t3","url","label","isValidElement","hasDashboardDropdown","t4","stepNavItems","t5","filter","Boolean","_jsx","join","children","map","item","i","StepLabel","isLast","length","isFirst","_jsxs","buttonStyle","undefined","el"],"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 { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/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}> = ({ 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  // 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  return (\n    <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n      {stepNavItems.map((item, i) => {\n        const StepLabel = getTranslation(item.label, i18n)\n        const isLast = stepNavItems.length === i + 1\n        const isFirst = i === 0\n\n        return (\n          <Fragment key={i}>\n            {item.url ? (\n              <Button\n                buttonStyle=\"ghost\"\n                className={[\n                  `${baseClass}__item`,\n                  isLast ? `${baseClass}__last` : undefined,\n                  isFirst ? `${baseClass}__first` : undefined,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                el=\"link\"\n                url={item.url}\n              >\n                {StepLabel}\n              </Button>\n            ) : (\n              <span\n                className={[\n                  `${baseClass}__item`,\n                  isLast ? `${baseClass}__last` : undefined,\n                  isFirst ? `${baseClass}__first` : undefined,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                {StepLabel}\n              </span>\n            )}\n            {!isLast && <span className={`${baseClass}__separator`}>/</span>}\n          </Fragment>\n        )\n      })}\n    </nav>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,EAAEC,UAAU,QAAQ;AAC5C,OAAO;AAEP,SAASC,UAAU,QAAQ;AAE3B,MAAMC,SAAA,GAAY;AAElB,MAAMC,OAAA,GAEDC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAc;EAAA,IAAAF,EAAa;EACjB;IAAAG;EAAA,IAAiBV,cAAA;EAEjB;IAAAW;EAAA,IAAoBR,UAAA;EAEpB;IAAAS,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG;EAAA,IAAAD,EAAS;EAIrB;IAAAE;EAAA,IAAcjB,cAAA;EAId,MAAAkB,SAAA,GAAkBP,OAAO;EAAG,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAU,SAAA;IAE1BC,EAAA,GAAAD,SAAA,KACCA,SAAA,CAAAE,GAAa,IACd,OAAOF,SAAA,CAAAG,KAAA,KAAoB,YAC3BxB,KAAA,CAAAyB,cAAA,CAAqBJ,SAAA,CAAAG,KAAe;IAAAb,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAJtC,MAAAe,oBAAA,GACEJ,EAGoC;EAAA,IAAAK,EAAA;EAAA,IAAAhB,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAe,oBAAA,IAAAf,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAS,CAAA;IAEtC,MAAAQ,YAAA,GAAqBF,oBAAA,GACjBZ,OAAA;MAAAU,KAAA,EAGWJ,CAAA,CAAE;MAAAG,GAAA,EACJJ;IAAA,MAEJL,OAAA,CACJ;IAAA,IAAAe,EAAA;IAAA,IAAAlB,CAAA,QAAAC,SAAA;MAGaiB,EAAA,IAAArB,SAAA,EAAYI,SAAA,EAAAkB,MAAA,CAAAC,OAAkB;MAAApB,CAAA,MAAAC,SAAA;MAAAD,CAAA,OAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAA9CgB,EAAA,GAAAK,IAAA,CAAC;MAAApB,SAAA,EAAeiB,EAA8B,CAAAI,IAAA,CAAc;MAAAC,QAAA,EACzDN,YAAA,CAAAO,GAAA,EAAAC,IAAA,EAAAC,CAAA;QACC,MAAAC,SAAA,GAAkBvC,cAAA,CAAeqC,IAAA,CAAAZ,KAAA,EAAYX,IAAA;QAC7C,MAAA0B,MAAA,GAAeX,YAAA,CAAAY,MAAA,KAAwBH,CAAA,IAAI;QAC3C,MAAAI,OAAA,GAAgBJ,CAAA,MAAM;QAAA,OAGpBK,KAAA,CAAAzC,QAAA;UAAAiC,QAAA,GACGE,IAAA,CAAAb,GAAA,GACCS,IAAA,CAAA5B,MAAA;YAAAuC,WAAA,EACc;YAAA/B,SAAA,EACD,CACT,GAAAJ,SAAA,QAAoB,EACpB+B,MAAA,GAAS,GAAA/B,SAAA,QAAoB,GAAAoC,SAAG,EAChCH,OAAA,GAAU,GAAAjC,SAAA,SAAqB,GAAAoC,SAAG,EAAAd,MAAA,CAAAC,OAE1B,EAAAE,IAAA,CACF;YAAAY,EAAA,EACL;YAAAtB,GAAA,EACEa,IAAA,CAAAb,GAAA;YAAAW,QAAA,EAEJI;UAAA,C,IAGHN,IAAA,CAAC;YAAApB,SAAA,EACY,CACT,GAAAJ,SAAA,QAAoB,EACpB+B,MAAA,GAAS,GAAA/B,SAAA,QAAoB,GAAAoC,SAAG,EAChCH,OAAA,GAAU,GAAAjC,SAAA,SAAqB,GAAAoC,SAAG,EAAAd,MAAA,CAAAC,OAE1B,EAAAE,IAAA,CACF;YAAAC,QAAA,EAEPI;UAAA,C,GAGJ,CAACC,MAAA,IAAUP,IAAA,CAAC;YAAApB,SAAA,EAAgB,GAAAJ,SAAA,aAAyB;YAAA0B,QAAA,EAAE;UAAA,C;WA7B3CG,CAAA;MAAA,CAgCnB;IAAA,C;;;;;;;;;;;SAvCFV,E;CA0CJ;AAEA,SAASlB,OAAO,EAAeJ,eAAe,EAAEC,UAAU","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","title","undefined","isCurrent","itemClassName","filter","Boolean","join","_jsx","buttonStyle","el","extraButtonProps","separator","renderTrail","map","i","_jsxs","shouldCollapse","collapsedItems","slice","lastItem","ref","button","buttonAriaLabel","buttonClassName","buttonType","horizontalAlign","noBackground","popupType","render","close","ButtonGroup","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 title = typeof StepLabel === 'string' ? StepLabel : undefined\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, title }}\n          url={item.url}\n        >\n          {StepLabel}\n        </Button>\n      )\n    }\n\n    return (\n      <span aria-current={isCurrent ? 'page' : undefined} className={itemClassName} title={title}>\n        {StepLabel}\n      </span>\n    )\n  }\n\n  const separator = <span className={`${baseClass}__separator`}>/</span>\n\n  const renderTrail = () =>\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  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          renderTrail()\n        )}\n      </nav>\n      {canCollapse ? (\n        <span aria-hidden=\"true\" className={`${baseClass}__measurer-clip`} inert>\n          <div className={`${baseClass}__measurer`} ref={measurerRef}>\n            {renderTrail()}\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

@@ -26,7 +26,7 @@
     width: var(--spacer-5);
     height: var(--spacer-3);
     background: var(--color-bg-secondary);
-    border: var(--stroke-width-small) solid var(--special-border-translucent);
+    border: var(--stroke-width-small) solid var(--color-border-control);
     border-radius: var(--radius-full);
     pointer-events: none;
   }
@@ -42,7 +42,7 @@
     width: var(--spacer-2-5);
     height: var(--spacer-2);
     background: var(--color-icon-onbrand);
-    outline: var(--stroke-width-small) solid var(--special-border-translucent);
+    outline: var(--stroke-width-small) solid var(--color-border-control);
     border-radius: var(--radius-full);
   }
 
@@ -58,7 +58,6 @@
   }
 
   .switch__label {
-    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/Switch/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import './index.css';
 export type SwitchProps = {
+    readonly ariaLabel?: string;
     readonly checked?: boolean;
     readonly className?: string;
     readonly disabled?: boolean;

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

@@ -1 +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,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,CA6CxC,CAAA"}
+{"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"}