@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.5f0cd13

package/dist/elements/Status/index.js

@@ -13,7 +13,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
 import { Button } from '../Button/index.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'status';
 export const Status = () => {
   const {
@@ -126,15 +126,12 @@ export const Status = () => {
       title: `${t('version:status')}: ${t(`version:${displayStatusKey}`)}`,
       children: /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__value-wrap`,
-        children: [/*#__PURE__*/_jsxs("span", {
-          className: `${baseClass}__label`,
-          children: [t('version:status'), ": "]
-        }), /*#__PURE__*/_jsx("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           className: `${baseClass}__value`,
           children: t(`version:${displayStatusKey}`)
         }), !isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && /*#__PURE__*/_jsxs(React.Fragment, {
           children: [" — ", /*#__PURE__*/_jsx(Button, {
-            buttonStyle: "none",
+            buttonStyle: "ghost",
             className: `${baseClass}__action`,
             id: "action-revert-to-published",
             onClick: () => toggleModal(revertModalSlug),

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.scss'\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}__label`}>{t('version:status')}:&nbsp;</span>\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=\"none\"\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","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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,eAAO,MAAM,qBAAqB,mBAAmB,CAAA;AAErD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA0CrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/StayLoggedIn/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,eAAO,MAAM,qBAAqB,mBAAmB,CAAA;AAErD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA0CrC,CAAA"}

package/dist/elements/StayLoggedIn/index.js

@@ -2,11 +2,11 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React, { useCallback } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { ConfirmationModal } from '../ConfirmationModal/index.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useRouter","formatAdminURL","React","useCallback","useAuth","useConfig","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 { useRouter } from 'next/navigation.js'\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 { 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,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,OAAO,QAAQ;AACxB,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,IAA0BR,OAAA;EAE1B,MAAAS,MAAA,GAAeb,SAAA;EACf;IAAAc;EAAA,IAAmBT,SAAA;EAEnB;IAAAU,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,CACEzB,cAAA;MAAAqB,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,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":[]}

package/dist/elements/StepNav/index.css

@@ -2,45 +2,40 @@
   .step-nav {
     display: flex;
     align-items: center;
-    gap: var(--spacer-2);
+    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);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    color: var(--color-text);
 
     &::after {
       content: ' ';
       position: sticky;
       top: 0;
       right: 0;
-      width: var(--base);
+      width: var(--spacer-3);
       background: linear-gradient(to right, transparent, var(--color-bg));
     }
 
-    * {
-      display: block;
-    }
-
     a {
-      border: 0;
       display: flex;
       align-items: center;
-      font-weight: 600;
       text-decoration: none;
+      border-radius: var(--button-radius);
 
       label {
         cursor: pointer;
       }
-
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
-      }
     }
 
     span {
-      max-width: calc(var(--base) * 8);
+      max-width: calc(var(--spacer-6) * 4);
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
 
-      &:has(.dashboard-breadcrumb-select, .dashboard-breadcrumb-dropdown__editing) {
+      &:has(.dashboard-breadcrumb-dropdown, .dashboard-breadcrumb-dropdown__editing) {
         max-width: none;
         overflow: visible;
         white-space: normal;
@@ -48,22 +43,23 @@
     }
   }
 
-  .step-nav__home {
-    width: var(--spacer-4);
-    height: var(--spacer-4);
-    position: relative;
+  .step-nav__separator {
+    color: var(--color-text-tertiary);
+    width: var(--spacer-2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
-  @media (max-width: 1024px) {
-    .step-nav__home {
-      width: var(--spacer-3);
-      height: var(--spacer-3);
-    }
+  .step-nav__last {
+    color: var(--color-text-secondary);
   }
 
-  @media (max-width: 768px) {
-    .step-nav {
-      gap: var(--spacer-1);
-    }
+  .step-nav__item:not(.btn),
+  .step-nav__item:has(.btn) {
+    margin-left: var(--spacer-2);
+  }
+  .step-nav__item:has(.btn) {
+    margin-left: 0;
   }
 }

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

@@ -5,13 +5,6 @@ import './index.css';
 export { SetStepNav } from './SetStepNav.js';
 declare const StepNav: React.FC<{
     readonly className?: string;
-    readonly CustomIcon?: React.ReactNode;
-    /**
-     * @deprecated
-     * This prop is deprecated and will be removed in the next major version.
-     * Components now import their own `Link` directly from `next/link`.
-     */
-    readonly Link?: React.ComponentType;
 }>;
 export { StepNav, StepNavItem, StepNavProvider, useStepNav };
 //# sourceMappingURL=index.d.ts.map

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;AAO7C,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;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrC;;;;OAIG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC,CAgEA,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,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"}

package/dist/elements/StepNav/index.js

@@ -4,20 +4,17 @@ 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 { PayloadIcon } from '../../graphics/Icon/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { Link } from '../Link/index.js';
-import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
+import { Button } from '../Button/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(7);
+  const $ = _c(11);
   const {
-    className,
-    CustomIcon
+    className
   } = t0;
   const {
     i18n
@@ -37,80 +34,64 @@ const StepNav = t0 => {
   const {
     t
   } = useTranslation();
+  const firstItem = stepNav[0];
   let t3;
-  if ($[0] !== CustomIcon || $[1] !== admin || $[2] !== className || $[3] !== i18n || $[4] !== stepNav || $[5] !== t) {
-    t3 = _jsx(Fragment, {
-      children: stepNav.length > 0 ? _jsxs("nav", {
-        className: [baseClass, className].filter(Boolean).join(" "),
-        children: [_jsx(Link, {
-          className: `${baseClass}__home`,
-          href: admin,
-          prefetch: false,
-          tabIndex: 0,
-          children: _jsx("span", {
-            title: t("general:dashboard"),
-            children: _jsx(RenderCustomComponent, {
-              CustomComponent: CustomIcon,
-              Fallback: _jsx(PayloadIcon, {})
-            })
-          })
-        }), _jsx("span", {
-          children: "/"
-        }), stepNav.map((item, i) => {
-          const StepLabel = getTranslation(item.label, i18n);
-          const isLast = stepNav.length === i + 1;
-          const Step = isLast ? item.url ? _jsx(Link, {
-            forceReload: item.forceReload,
-            href: item.url,
-            prefetch: false,
-            children: _jsx("span", {
-              className: `${baseClass}__last`,
-              children: StepLabel
-            })
-          }, i) : _jsx("span", {
-            className: `${baseClass}__last`,
+  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];
+    }
+    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
-          }, i) : _jsxs(Fragment, {
-            children: [item.url ? _jsx(Link, {
-              forceReload: item.forceReload,
-              href: item.url,
-              prefetch: false,
-              children: _jsx("span", {
-                children: StepLabel
-              }, i)
-            }) : _jsx("span", {
-              children: StepLabel
-            }, i), _jsx("span", {
-              children: "/"
-            })]
-          }, i);
-          return Step;
-        })]
-      }) : _jsx("div", {
-        className: [baseClass, className].filter(Boolean).join(" "),
-        children: _jsx("div", {
-          className: `${baseClass}__home`,
-          children: _jsx("span", {
-            title: t("general:dashboard"),
-            children: _jsx(RenderCustomComponent, {
-              CustomComponent: CustomIcon,
-              Fallback: _jsx(PayloadIcon, {})
-            })
-          })
-        })
+          }), !isLast && _jsx("span", {
+            className: `${baseClass}__separator`,
+            children: "/"
+          })]
+        }, i);
       })
     });
-    $[0] = CustomIcon;
-    $[1] = admin;
-    $[2] = className;
-    $[3] = i18n;
-    $[4] = stepNav;
-    $[5] = t;
-    $[6] = t3;
+    $[2] = admin;
+    $[3] = className;
+    $[4] = hasDashboardDropdown;
+    $[5] = i18n;
+    $[6] = stepNav;
+    $[7] = t;
+    $[8] = t4;
   } else {
-    t3 = $[6];
+    t4 = $[8];
   }
-  return t3;
+  return t4;
 };
 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","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","i18n","stepNav","config","t1","routes","t2","admin","t","t3","_jsx","children","length","_jsxs","filter","Boolean","join","href","prefetch","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url","forceReload"],"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.css'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              item.url ? (\n                <Link forceReload={item.forceReload} href={item.url} key={i} prefetch={false}>\n                  <span className={`${baseClass}__last`}>{StepLabel}</span>\n                </Link>\n              ) : (\n                <span className={`${baseClass}__last`} key={i}>\n                  {StepLabel}\n                </span>\n              )\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <Link forceReload={item.forceReload} href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["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":"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","ignoreList":[]}

package/dist/elements/Switch/index.css

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,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"}

package/dist/elements/Switch/index.js

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

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

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