npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.c3ac604 → 4.0.0-internal.cb69780 - Mend

@payloadcms/ui 4.0.0-internal.c3ac604 → 4.0.0-internal.cb69780

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1065) hide show

package/dist/elements/DocumentDrawer/DrawerHeader/index.js CHANGED Viewed

@@ -137,7 +137,7 @@ export const DocumentDrawerHeader = ({
             size: 24
           }),
           onClick: handleOnClose
-        }), /*#__PURE__*/_jsx("span", {
+        }), /*#__PURE__*/_jsx("h2", {
           className: `${documentDrawerBaseClass}__header-text`,
           children: headerLabel
         })]
@@ -149,7 +149,7 @@ export const DocumentDrawerHeader = ({
       className: `${documentDrawerBaseClass}__title-bar`,
       children: [/*#__PURE__*/_jsx(RenderTitle, {
         className: `${documentDrawerBaseClass}__title`,
-        element: "h2",
+        element: "h3",
         renderAsLink: renderTitleAsLink
       }), showMeta ? /*#__PURE__*/_jsxs("div", {
         className: `${documentDrawerBaseClass}__meta`,

package/dist/elements/DocumentDrawer/DrawerHeader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","hasAutosaveEnabled","hasDraftsEnabled","useCallback","useEffect","useRef","useState","useModal","RenderTitle","useFormModified","ChevronIcon","useConfig","useDocumentInfo","useTranslation","formatDate","formatTimeToNow","Autosave","Button","LeaveWithoutSavingModal","Locked","RenderCustomComponent","Status","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","actions","AfterHeader","BeforeDocumentMeta","drawerSlug","readOnlyForIncomingUser","renderTitleAsLink","CustomStatus","user","closeModal","openModal","i18n","t","config","getEntityConfig","isModified","id","collectionSlug","data","globalSlug","hasSavePermission","isEditing","isTrashed","collectionConfig","globalConfig","collectionHasDraftsEnabled","globalHasDraftsEnabled","autosaveEnabled","unsavedDraftWithValidations","versions","drafts","validate","showStatus","Boolean","showAutosave","singularLabel","labels","singular","label","headerLabel","updatedAt","createdAt","admin","dateFormat","relativeTime","setRelativeTime","formattedUpdatedAt","setFormattedUpdatedAt","formattedCreatedAt","setFormattedCreatedAt","i18nRef","current","date","update","interval","setInterval","clearInterval","pattern","showUpdatedAt","timestamps","handleOnClose","showLockedMetaIcon","showBeforeMeta","showMeta","_jsxs","className","_jsx","buttonStyle","icon","direction","size","onClick","element","renderAsLink","CustomComponent","Fallback","title","undefined","distance","collection","global","publishedDocUpdatedAt","modalSlug","onConfirm"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../../Autosave/index.js'\nimport { Button } from '../../Button/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { Locked } from '../../Locked/index.js'\nimport { RenderCustomComponent } from '../../RenderCustomComponent/index.js'\nimport { Status } from '../../Status/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n actions?: React.ReactNode\n AfterHeader?: React.ReactNode\n BeforeDocumentMeta?: React.ReactNode\n drawerSlug: string\n readOnlyForIncomingUser?: boolean\n renderTitleAsLink?: boolean\n Status?: React.ReactNode\n user?: User\n}> = ({\n actions,\n AfterHeader,\n BeforeDocumentMeta,\n drawerSlug,\n readOnlyForIncomingUser,\n renderTitleAsLink = true,\n Status: CustomStatus,\n user,\n}) => {\n const { closeModal, openModal } = useModal()\n const { i18n, t } = useTranslation()\n const { config, getEntityConfig } = useConfig()\n const isModified = useFormModified()\n const { id, collectionSlug, data, globalSlug, hasSavePermission, isEditing, isTrashed } =\n useDocumentInfo()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n const globalConfig = getEntityConfig({ globalSlug })\n\n const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n const autosaveEnabled = hasAutosaveEnabled(collectionConfig) \|\| hasAutosaveEnabled(globalConfig)\n\n const unsavedDraftWithValidations =\n !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n const showStatus =\n (collectionHasDraftsEnabled \|\| globalHasDraftsEnabled) &&\n (Boolean(globalConfig) \|\| (Boolean(collectionConfig) && isEditing))\n\n const showAutosave =\n (collectionHasDraftsEnabled \|\| globalHasDraftsEnabled) &&\n hasSavePermission &&\n autosaveEnabled &&\n !unsavedDraftWithValidations &&\n !isTrashed\n\n const singularLabel = getTranslation(\n collectionConfig?.labels?.singular ?? globalConfig?.label ?? t('general:document'),\n i18n,\n )\n\n const headerLabel = id\n ? `${t('general:editing')} ${singularLabel}`\n : t('general:creatingNewLabel', { label: singularLabel })\n\n const updatedAt = data?.updatedAt\n const createdAt = data?.createdAt\n\n const {\n admin: { dateFormat },\n } = config\n\n const [relativeTime, setRelativeTime] = useState<string>('')\n const [formattedUpdatedAt, setFormattedUpdatedAt] = useState<string>('')\n const [formattedCreatedAt, setFormattedCreatedAt] = useState<string>('')\n\n const i18nRef = useRef(i18n)\n i18nRef.current = i18n\n\n useEffect(() => {\n const date = updatedAt \|\| createdAt\n\n if (!date) {\n setRelativeTime('')\n return\n }\n\n const update = () => setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n\n update()\n const interval = setInterval(update, 60000)\n return () => clearInterval(interval)\n }, [updatedAt, createdAt])\n\n useEffect(() => {\n if (updatedAt) {\n setFormattedUpdatedAt(formatDate({ date: updatedAt, i18n, pattern: dateFormat }))\n }\n if (createdAt) {\n setFormattedCreatedAt(formatDate({ date: createdAt, i18n, pattern: dateFormat }))\n }\n }, [updatedAt, createdAt, i18n, dateFormat])\n\n const showUpdatedAt = Boolean(\n collectionConfig?.timestamps && isEditing && (updatedAt \|\| createdAt),\n )\n\n const handleOnClose = useCallback(() => {\n if (isModified) {\n openModal(leaveWithoutSavingModalSlug)\n } else {\n closeModal(drawerSlug)\n }\n }, [isModified, openModal, closeModal, drawerSlug])\n\n const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n const showBeforeMeta = Boolean(showLockedMetaIcon \|\| BeforeDocumentMeta)\n const showMeta = showBeforeMeta \|\| showStatus \|\| showUpdatedAt \|\| showAutosave\n\n return (\n <div className={`${documentDrawerBaseClass}__header`}>\n <div className={`${documentDrawerBaseClass}__header-bar`}>\n <div className={`${documentDrawerBaseClass}__header-content`}>\n <Button\n aria-label={t('general:close')}\n buttonStyle=\"ghost\"\n className={`${documentDrawerBaseClass}__header-close`}\n icon={<ChevronIcon direction=\"left\" size={24} />}\n onClick={handleOnClose}\n />\n <span className={`${documentDrawerBaseClass}__header-text`}>{headerLabel}</span>\n </div>\n {actions ? (\n <div className={`${documentDrawerBaseClass}__header-actions`}>{actions}</div>\n ) : null}\n </div>\n\n <div className={`${documentDrawerBaseClass}__title-bar`}>\n <RenderTitle\n className={`${documentDrawerBaseClass}__title`}\n element=\"h2\"\n renderAsLink={renderTitleAsLink}\n />\n {showMeta ? (\n <div className={`${documentDrawerBaseClass}__meta`}>\n {showBeforeMeta && (\n <div className={`${documentDrawerBaseClass}__before-meta`}>\n {showLockedMetaIcon && (\n <Locked className={`${documentDrawerBaseClass}__locked-controls`} user={user} />\n )}\n {BeforeDocumentMeta}\n </div>\n )}\n {showStatus ? (\n <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n ) : null}\n {showUpdatedAt ? (\n <span\n className={`${documentDrawerBaseClass}__updated-at`}\n title={formattedUpdatedAt \|\| formattedCreatedAt \|\| undefined}\n >\n {relativeTime\n ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n distance: relativeTime,\n })\n : `${t('general:loading')}...`}\n </span>\n ) : null}\n {showAutosave ? (\n <Autosave\n collection={collectionConfig}\n global={globalConfig}\n id={id}\n publishedDocUpdatedAt={data?.createdAt}\n />\n ) : null}\n </div>\n ) : null}\n {AfterHeader ? (\n <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n ) : null}\n </div>\n\n <LeaveWithoutSavingModal\n modalSlug={leaveWithoutSavingModalSlug}\n onConfirm={() => closeModal(drawerSlug)}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","hasAutosaveEnabled","hasDraftsEnabled","useCallback","useEffect","useRef","useState","useModal","RenderTitle","useFormModified","ChevronIcon","useConfig","useDocumentInfo","useTranslation","formatDate","formatTimeToNow","Autosave","Button","LeaveWithoutSavingModal","Locked","RenderCustomComponent","Status","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","actions","AfterHeader","BeforeDocumentMeta","drawerSlug","readOnlyForIncomingUser","renderTitleAsLink","CustomStatus","user","closeModal","openModal","i18n","t","config","getEntityConfig","isModified","id","collectionSlug","data","globalSlug","hasSavePermission","isEditing","isTrashed","collectionConfig","globalConfig","collectionHasDraftsEnabled","globalHasDraftsEnabled","autosaveEnabled","unsavedDraftWithValidations","versions","drafts","validate","showStatus","Boolean","showAutosave","singularLabel","labels","singular","label","headerLabel","updatedAt","createdAt","admin","dateFormat","relativeTime","setRelativeTime","formattedUpdatedAt","setFormattedUpdatedAt","formattedCreatedAt","setFormattedCreatedAt","i18nRef","current","date","update","interval","setInterval","clearInterval","pattern","showUpdatedAt","timestamps","handleOnClose","showLockedMetaIcon","showBeforeMeta","showMeta","_jsxs","className","_jsx","buttonStyle","icon","direction","size","onClick","element","renderAsLink","CustomComponent","Fallback","title","undefined","distance","collection","global","publishedDocUpdatedAt","modalSlug","onConfirm"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../../Autosave/index.js'\nimport { Button } from '../../Button/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { Locked } from '../../Locked/index.js'\nimport { RenderCustomComponent } from '../../RenderCustomComponent/index.js'\nimport { Status } from '../../Status/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n actions?: React.ReactNode\n AfterHeader?: React.ReactNode\n BeforeDocumentMeta?: React.ReactNode\n drawerSlug: string\n readOnlyForIncomingUser?: boolean\n renderTitleAsLink?: boolean\n Status?: React.ReactNode\n user?: User\n}> = ({\n actions,\n AfterHeader,\n BeforeDocumentMeta,\n drawerSlug,\n readOnlyForIncomingUser,\n renderTitleAsLink = true,\n Status: CustomStatus,\n user,\n}) => {\n const { closeModal, openModal } = useModal()\n const { i18n, t } = useTranslation()\n const { config, getEntityConfig } = useConfig()\n const isModified = useFormModified()\n const { id, collectionSlug, data, globalSlug, hasSavePermission, isEditing, isTrashed } =\n useDocumentInfo()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n const globalConfig = getEntityConfig({ globalSlug })\n\n const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n const autosaveEnabled = hasAutosaveEnabled(collectionConfig) \|\| hasAutosaveEnabled(globalConfig)\n\n const unsavedDraftWithValidations =\n !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n const showStatus =\n (collectionHasDraftsEnabled \|\| globalHasDraftsEnabled) &&\n (Boolean(globalConfig) \|\| (Boolean(collectionConfig) && isEditing))\n\n const showAutosave =\n (collectionHasDraftsEnabled \|\| globalHasDraftsEnabled) &&\n hasSavePermission &&\n autosaveEnabled &&\n !unsavedDraftWithValidations &&\n !isTrashed\n\n const singularLabel = getTranslation(\n collectionConfig?.labels?.singular ?? globalConfig?.label ?? t('general:document'),\n i18n,\n )\n\n const headerLabel = id\n ? `${t('general:editing')} ${singularLabel}`\n : t('general:creatingNewLabel', { label: singularLabel })\n\n const updatedAt = data?.updatedAt\n const createdAt = data?.createdAt\n\n const {\n admin: { dateFormat },\n } = config\n\n const [relativeTime, setRelativeTime] = useState<string>('')\n const [formattedUpdatedAt, setFormattedUpdatedAt] = useState<string>('')\n const [formattedCreatedAt, setFormattedCreatedAt] = useState<string>('')\n\n const i18nRef = useRef(i18n)\n i18nRef.current = i18n\n\n useEffect(() => {\n const date = updatedAt \|\| createdAt\n\n if (!date) {\n setRelativeTime('')\n return\n }\n\n const update = () => setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n\n update()\n const interval = setInterval(update, 60000)\n return () => clearInterval(interval)\n }, [updatedAt, createdAt])\n\n useEffect(() => {\n if (updatedAt) {\n setFormattedUpdatedAt(formatDate({ date: updatedAt, i18n, pattern: dateFormat }))\n }\n if (createdAt) {\n setFormattedCreatedAt(formatDate({ date: createdAt, i18n, pattern: dateFormat }))\n }\n }, [updatedAt, createdAt, i18n, dateFormat])\n\n const showUpdatedAt = Boolean(\n collectionConfig?.timestamps && isEditing && (updatedAt \|\| createdAt),\n )\n\n const handleOnClose = useCallback(() => {\n if (isModified) {\n openModal(leaveWithoutSavingModalSlug)\n } else {\n closeModal(drawerSlug)\n }\n }, [isModified, openModal, closeModal, drawerSlug])\n\n const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n const showBeforeMeta = Boolean(showLockedMetaIcon \|\| BeforeDocumentMeta)\n const showMeta = showBeforeMeta \|\| showStatus \|\| showUpdatedAt \|\| showAutosave\n\n return (\n <div className={`${documentDrawerBaseClass}__header`}>\n <div className={`${documentDrawerBaseClass}__header-bar`}>\n <div className={`${documentDrawerBaseClass}__header-content`}>\n <Button\n aria-label={t('general:close')}\n buttonStyle=\"ghost\"\n className={`${documentDrawerBaseClass}__header-close`}\n icon={<ChevronIcon direction=\"left\" size={24} />}\n onClick={handleOnClose}\n />\n <h2 className={`${documentDrawerBaseClass}__header-text`}>{headerLabel}</h2>\n </div>\n {actions ? (\n <div className={`${documentDrawerBaseClass}__header-actions`}>{actions}</div>\n ) : null}\n </div>\n\n <div className={`${documentDrawerBaseClass}__title-bar`}>\n <RenderTitle\n className={`${documentDrawerBaseClass}__title`}\n element=\"h3\"\n renderAsLink={renderTitleAsLink}\n />\n {showMeta ? (\n <div className={`${documentDrawerBaseClass}__meta`}>\n {showBeforeMeta && (\n <div className={`${documentDrawerBaseClass}__before-meta`}>\n {showLockedMetaIcon && (\n <Locked className={`${documentDrawerBaseClass}__locked-controls`} user={user} />\n )}\n {BeforeDocumentMeta}\n </div>\n )}\n {showStatus ? (\n <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n ) : null}\n {showUpdatedAt ? (\n <span\n className={`${documentDrawerBaseClass}__updated-at`}\n title={formattedUpdatedAt \|\| formattedCreatedAt \|\| undefined}\n >\n {relativeTime\n ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n distance: relativeTime,\n })\n : `${t('general:loading')}...`}\n </span>\n ) : null}\n {showAutosave ? (\n <Autosave\n collection={collectionConfig}\n global={globalConfig}\n id={id}\n publishedDocUpdatedAt={data?.createdAt}\n />\n ) : null}\n </div>\n ) : null}\n {AfterHeader ? (\n <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n ) : null}\n </div>\n\n <LeaveWithoutSavingModal\n modalSlug={leaveWithoutSavingModalSlug}\n onConfirm={() => closeModal(drawerSlug)}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentFields/index.css CHANGED Viewed

@@ -136,6 +136,7 @@
     padding-bottom: 0;
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .document-fields {
       display: block;
@@ -185,6 +186,7 @@
     }
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .document-fields__sidebar-wrap {
       min-width: initial;

package/dist/elements/DocumentHeader/Tabs/Tab/index.d.ts CHANGED Viewed

@@ -12,5 +12,6 @@ export declare const DefaultDocumentTab: React.FC<{
     tabConfig: {
         readonly Pill_Component?: React.FC;
     } & DocumentTabConfig;
+    user?: PayloadRequest['user'];
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/Tab/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,YAAY,CAAA;AAElC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE;QAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;KAAE,GAAG,iBAAiB,CAAA;~~CACtE~~,CAmEA,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,YAAY,CAAA;AAElC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE;QAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;KAAE,GAAG,iBAAiB,CAAA;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,CAmEA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/Tab/index.js CHANGED Viewed

@@ -19,7 +19,8 @@ export const DefaultDocumentTab = props => {
       newTab,
       Pill,
       Pill_Component
-    }
+    },
+    user
   } = props;
   let href = typeof tabHref === 'string' ? tabHref : '';
   let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false;
@@ -41,7 +42,6 @@ export const DefaultDocumentTab = props => {
   }) : label;
   return /*#__PURE__*/_jsx(DocumentTabLink, {
     adminRoute: req.payload.config.routes.admin,
-    ariaLabel: labelToRender,
     baseClass: baseClass,
     href: href,
     isActive: isActive,
@@ -59,7 +59,7 @@ export const DefaultDocumentTab = props => {
             permissions,
             req,
             server: req.server,
-            user: req.user
+            user
           }
         })]
       }) : null]

package/dist/elements/DocumentHeader/Tabs/Tab/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["Fragment","DocumentTabLink","RenderServerComponent","baseClass","DefaultDocumentTab","props","apiURL","collectionConfig","globalConfig","permissions","req","tabConfig","href","tabHref","isActive","tabIsActive","label","newTab","Pill","Pill_Component","collection","global","routes","payload","config","labelToRender","t","i18n","_jsx","adminRoute","admin","~~ariaLabel","~~_jsxs","className","Component","Fallback","importMap","serverProps","server"~~,"user"~~],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type {\n DocumentTabConfig,\n DocumentTabServerPropsOnly,\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedGlobalConfig,\n SanitizedPermissions,\n} from 'payload'\nimport type React from 'react'\n\nimport { Fragment } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { DocumentTabLink } from '../../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../../RenderServerComponent/index.js'\nimport './index.css'\n\nexport const baseClass = 'doc-tab'\n\nexport const DefaultDocumentTab: React.FC<{\n apiURL?: string\n collectionConfig?: SanitizedCollectionConfig\n globalConfig?: SanitizedGlobalConfig\n path?: string\n permissions?: SanitizedPermissions\n req: PayloadRequest\n tabConfig: { readonly Pill_Component?: React.FC } & DocumentTabConfig\n}> = (props) => {\n const {\n apiURL,\n collectionConfig,\n globalConfig,\n permissions,\n req,\n tabConfig: { href: tabHref, isActive: tabIsActive, label, newTab, Pill, Pill_Component },\n } = props\n\n let href = typeof tabHref === 'string' ? tabHref : ''\n let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n if (typeof tabHref === 'function') {\n href = tabHref({\n apiURL,\n collection: collectionConfig,\n global: globalConfig,\n routes: req.payload.config.routes,\n })\n }\n\n if (typeof tabIsActive === 'function') {\n isActive = tabIsActive({\n href,\n })\n }\n\n const labelToRender =\n typeof label === 'function'\n ? label({\n t: req.i18n.t,\n })\n : label\n\n return (\n <DocumentTabLink\n adminRoute={req.payload.config.routes.admin}\n ~~ariaLabel={labelToRender}\n~~ baseClass={baseClass}\n href={href}\n isActive={isActive}\n newTab={newTab}\n >\n <span className={`${baseClass}__label`}>\n {labelToRender}\n {Pill \|\| Pill_Component ? (\n <Fragment>\n  \n {RenderServerComponent({\n Component: Pill,\n Fallback: Pill_Component,\n importMap: req.payload.importMap,\n serverProps: {\n i18n: req.i18n,\n payload: req.payload,\n permissions,\n req,\n server: req.server,\n user~~: req.user~~,\n } satisfies DocumentTabServerPropsOnly,\n })}\n </Fragment>\n ) : null}\n </span>\n </DocumentTabLink>\n )\n}\n"],"mappings":";AAUA,SAASA,QAAQ,QAAQ;AAEzB;AACA,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,MAAMC,kBAAA,~~GAQPC~~,KAAA;EACJ,MAAM;IACJC,MAAM;IACNC,gBAAgB;IAChBC,YAAY;IACZC,WAAW;IACXC,GAAG;IACHC,SAAA,EAAW;MAAEC,IAAA,EAAMC,OAAO;MAAEC,QAAA,EAAUC,WAAW;MAAEC,KAAK;MAAEC,MAAM;MAAEC,IAAI;MAAEC;IAAc;~~EAAE~~,~~CACzF~~,~~GAAGd~~,KAAA;EAEJ,IAAIO,IAAA,GAAO,OAAOC,OAAA,KAAY,WAAWA,OAAA,GAAU;EACnD,IAAIC,QAAA,GAAW,OAAOC,WAAA,KAAgB,YAAYA,WAAA,GAAc;EAEhE,IAAI,OAAOF,OAAA,KAAY,YAAY;IACjCD,IAAA,GAAOC,OAAA,CAAQ;MACbP,MAAA;~~MACAc~~,UAAA,~~EAAYb~~,gBAAA;~~MACZc~~,MAAA,~~EAAQb~~,YAAA;~~MACRc~~,MAAA,~~EAAQZ~~,GAAA,~~CAAIa~~,OAAO,CAACC,MAAM,CAACF;IAC7B;EACF;EAEA,IAAI,~~OAAOP~~,WAAA,KAAgB,YAAY;IACrCD,QAAA,GAAWC,WAAA,CAAY;MACrBH;IACF;EACF;EAEA,~~MAAMa~~,aAAA,GACJ,~~OAAOT~~,KAAA,KAAU,aACbA,KAAA,CAAM;~~IACJU~~,CAAA,~~EAAGhB~~,GAAA,~~CAAIiB~~,IAAI,CAACD;EACd,~~KACAV~~,KAAA;EAEN,~~oBACEY~~,IAAA,~~CAAC3B~~,eAAA;~~IACC4B~~,UAAA,~~EAAYnB~~,GAAA,~~CAAIa~~,OAAO,CAACC,MAAM,CAACF,MAAM,CAACQ,KAAK;~~IAC3CC~~,SAAA,~~EAAWN,aAAA;IACXtB,SAAA,~~EAAWA,SAAA;IACXS,IAAA,EAAMA,IAAA;IACNE,QAAA,EAAUA,QAAA;IACVG,MAAA,EAAQA,MAAA;cAER,aAAAe,KAAA,CAAC;MAAKC,SAAA,EAAW,GAAG9B,SAAA,SAAkB;~~iBACnCsB~~,aAAA,~~EACAP~~,IAAA,IAAQC,cAAA,gBACPa,KAAA,CAAChC,QAAA;mBAAS,KAEPE,qBAAA,CAAsB;UACrBgC,SAAA,EAAWhB,IAAA;UACXiB,QAAA,EAAUhB,cAAA;UACViB,SAAA,EAAW1B,GAAA,~~CAAIa~~,OAAO,~~CAACa~~,SAAS;UAChCC,WAAA,EAAa;~~YACXV~~,IAAA,~~EAAMjB~~,GAAA,~~CAAIiB~~,IAAI;YACdJ,OAAA,~~EAASb~~,GAAA,~~CAAIa~~,OAAO;~~YACpBd~~,WAAA;YACAC,GAAA;YACA4B,MAAA,EAAQ5B,GAAA,CAAI4B,MAAM;~~YAClBC,IAAA,EAAM7B,GAAA,CAAI6B~~;~~UACZ~~;QACF;WAEA;;;AAIZ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["Fragment","DocumentTabLink","RenderServerComponent","baseClass","DefaultDocumentTab","props","apiURL","collectionConfig","globalConfig","permissions","req","tabConfig","href","tabHref","isActive","tabIsActive","label","newTab","Pill","Pill_Component","user","collection","global","routes","payload","config","labelToRender","t","i18n","_jsx","adminRoute","admin","_jsxs","className","Component","Fallback","importMap","serverProps","server"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type {\n DocumentTabConfig,\n DocumentTabServerPropsOnly,\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedGlobalConfig,\n SanitizedPermissions,\n} from 'payload'\nimport type React from 'react'\n\nimport { Fragment } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { DocumentTabLink } from '../../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../../RenderServerComponent/index.js'\nimport './index.css'\n\nexport const baseClass = 'doc-tab'\n\nexport const DefaultDocumentTab: React.FC<{\n apiURL?: string\n collectionConfig?: SanitizedCollectionConfig\n globalConfig?: SanitizedGlobalConfig\n path?: string\n permissions?: SanitizedPermissions\n req: PayloadRequest\n tabConfig: { readonly Pill_Component?: React.FC } & DocumentTabConfig\n user?: PayloadRequest['user']\n}> = (props) => {\n const {\n apiURL,\n collectionConfig,\n globalConfig,\n permissions,\n req,\n tabConfig: { href: tabHref, isActive: tabIsActive, label, newTab, Pill, Pill_Component },\n user,\n } = props\n\n let href = typeof tabHref === 'string' ? tabHref : ''\n let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n if (typeof tabHref === 'function') {\n href = tabHref({\n apiURL,\n collection: collectionConfig,\n global: globalConfig,\n routes: req.payload.config.routes,\n })\n }\n\n if (typeof tabIsActive === 'function') {\n isActive = tabIsActive({\n href,\n })\n }\n\n const labelToRender =\n typeof label === 'function'\n ? label({\n t: req.i18n.t,\n })\n : label\n\n return (\n <DocumentTabLink\n adminRoute={req.payload.config.routes.admin}\n baseClass={baseClass}\n href={href}\n isActive={isActive}\n newTab={newTab}\n >\n <span className={`${baseClass}__label`}>\n {labelToRender}\n {Pill \|\| Pill_Component ? (\n <Fragment>\n  \n {RenderServerComponent({\n Component: Pill,\n Fallback: Pill_Component,\n importMap: req.payload.importMap,\n serverProps: {\n i18n: req.i18n,\n payload: req.payload,\n permissions,\n req,\n server: req.server,\n user,\n } satisfies DocumentTabServerPropsOnly,\n })}\n </Fragment>\n ) : null}\n </span>\n </DocumentTabLink>\n )\n}\n"],"mappings":";AAUA,SAASA,QAAQ,QAAQ;AAEzB;AACA,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,MAAMC,kBAAA,GASPC,KAAA;EACJ,MAAM;IACJC,MAAM;IACNC,gBAAgB;IAChBC,YAAY;IACZC,WAAW;IACXC,GAAG;IACHC,SAAA,EAAW;MAAEC,IAAA,EAAMC,OAAO;MAAEC,QAAA,EAAUC,WAAW;MAAEC,KAAK;MAAEC,MAAM;MAAEC,IAAI;MAAEC;IAAc,CAAE;IACxFC;EAAI,CACL,GAAGf,KAAA;EAEJ,IAAIO,IAAA,GAAO,OAAOC,OAAA,KAAY,WAAWA,OAAA,GAAU;EACnD,IAAIC,QAAA,GAAW,OAAOC,WAAA,KAAgB,YAAYA,WAAA,GAAc;EAEhE,IAAI,OAAOF,OAAA,KAAY,YAAY;IACjCD,IAAA,GAAOC,OAAA,CAAQ;MACbP,MAAA;MACAe,UAAA,EAAYd,gBAAA;MACZe,MAAA,EAAQd,YAAA;MACRe,MAAA,EAAQb,GAAA,CAAIc,OAAO,CAACC,MAAM,CAACF;IAC7B;EACF;EAEA,IAAI,OAAOR,WAAA,KAAgB,YAAY;IACrCD,QAAA,GAAWC,WAAA,CAAY;MACrBH;IACF;EACF;EAEA,MAAMc,aAAA,GACJ,OAAOV,KAAA,KAAU,aACbA,KAAA,CAAM;IACJW,CAAA,EAAGjB,GAAA,CAAIkB,IAAI,CAACD;EACd,KACAX,KAAA;EAEN,oBACEa,IAAA,CAAC5B,eAAA;IACC6B,UAAA,EAAYpB,GAAA,CAAIc,OAAO,CAACC,MAAM,CAACF,MAAM,CAACQ,KAAK;IAC3C5B,SAAA,EAAWA,SAAA;IACXS,IAAA,EAAMA,IAAA;IACNE,QAAA,EAAUA,QAAA;IACVG,MAAA,EAAQA,MAAA;cAER,aAAAe,KAAA,CAAC;MAAKC,SAAA,EAAW,GAAG9B,SAAA,SAAkB;iBACnCuB,aAAA,EACAR,IAAA,IAAQC,cAAA,gBACPa,KAAA,CAAChC,QAAA;mBAAS,KAEPE,qBAAA,CAAsB;UACrBgC,SAAA,EAAWhB,IAAA;UACXiB,QAAA,EAAUhB,cAAA;UACViB,SAAA,EAAW1B,GAAA,CAAIc,OAAO,CAACY,SAAS;UAChCC,WAAA,EAAa;YACXT,IAAA,EAAMlB,GAAA,CAAIkB,IAAI;YACdJ,OAAA,EAASd,GAAA,CAAIc,OAAO;YACpBf,WAAA;YACAC,GAAA;YACA4B,MAAA,EAAQ5B,GAAA,CAAI4B,MAAM;YAClBlB;UACF;QACF;WAEA;;;AAIZ","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/index.css CHANGED Viewed

@@ -12,6 +12,7 @@
     padding: var(--spacer-1) 0;
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .doc-tabs {
       width: 100%;

package/dist/elements/DocumentHeader/Tabs/index.d.ts CHANGED Viewed

@@ -6,5 +6,6 @@ export declare const DocumentTabs: React.FC<{
     globalConfig: SanitizedGlobalConfig;
     permissions: SanitizedPermissions;
     req: PayloadRequest;
+    user?: PayloadRequest['user'];
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;IACnC,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;~~CACpB~~,~~CA8DA~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;IACnC,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,CA+DA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/index.js CHANGED Viewed

@@ -11,7 +11,8 @@ export const DocumentTabs = ({
   collectionConfig,
   globalConfig,
   permissions,
-  req
+  req,
+  user
 }) => {
   const {
     config
@@ -60,7 +61,7 @@ export const DocumentTabs = ({
                   permissions,
                   req,
                   server: req.server,
-                  user: req.user
+                  user
                 }
               });
             }
@@ -70,7 +71,8 @@ export const DocumentTabs = ({
               path: viewPath,
               permissions: permissions,
               req: req,
-              tabConfig: tabConfig
+              tabConfig: tabConfig,
+              user: user
             }, `tab-${index}`);
           })
         })

package/dist/elements/DocumentHeader/Tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","ShouldRenderTabs","RenderServerComponent","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","config","payload","tabs","_jsx","className","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","server"~~,"user"~~],"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n DocumentTabClientProps,\n DocumentTabServerPropsOnly,\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedGlobalConfig,\n SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { ShouldRenderTabs } from '../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n collectionConfig: SanitizedCollectionConfig\n globalConfig: SanitizedGlobalConfig\n permissions: SanitizedPermissions\n req: PayloadRequest\n}> = ({ collectionConfig, globalConfig, permissions, req }) => {\n const { config } = req.payload\n\n const tabs = getTabs({\n collectionConfig,\n globalConfig,\n })\n\n return (\n <ShouldRenderTabs>\n <div className={baseClass}>\n <div className={`${baseClass}__tabs-container`}>\n <ul className={`${baseClass}__tabs`}>\n {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n const { condition } = tabConfig \|\| {}\n\n const meetsCondition =\n !condition \|\|\n condition({ collectionConfig, config, globalConfig, permissions, req })\n\n if (!meetsCondition) {\n return null\n }\n\n if (tabConfig?.Component) {\n return RenderServerComponent({\n clientProps: {\n path: viewPath,\n } satisfies DocumentTabClientProps,\n Component: tabConfig.Component,\n importMap: req.payload.importMap,\n key: `tab-${index}`,\n serverProps: {\n collectionConfig,\n globalConfig,\n i18n: req.i18n,\n payload: req.payload,\n permissions,\n req,\n server: req.server,\n user~~: req.user~~,\n } satisfies DocumentTabServerPropsOnly,\n })\n }\n\n return (\n <DefaultDocumentTab\n collectionConfig={collectionConfig}\n globalConfig={globalConfig}\n key={`tab-${index}`}\n path={viewPath}\n permissions={permissions}\n req={req}\n tabConfig={tabConfig}\n />\n )\n })}\n </ul>\n </div>\n </div>\n </ShouldRenderTabs>\n )\n}\n"],"mappings":";AASA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,gBAAgB,QAAQ;AACjC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,~~GAKRA~~,CAAC;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC,WAAW;EAAEC;~~AAAG~~,CAAE;~~EACxD~~,MAAM;IAAEC;EAAM,CAAE,~~GAAGD~~,GAAA,~~CAAIE~~,OAAO;EAE9B,MAAMC,IAAA,~~GAAOT~~,OAAA,CAAQ;IACnBG,gBAAA;IACAC;EACF;EAEA,~~oBACEM~~,IAAA,~~CAACb~~,gBAAA;cACC,~~aAAAa~~,IAAA,CAAC;MAAIC,SAAA,~~EAAWV~~,SAAA;gBACd,~~aAAAS~~,IAAA,CAAC;QAAIC,SAAA,EAAW,~~GAAGV~~,SAAA,kBAA2B;kBAC5C,~~aAAAS~~,IAAA,CAAC;UAAGC,SAAA,EAAW,~~GAAGV~~,SAAA,QAAiB;~~oBAChCQ~~,IAAA,EAAMG,GAAA,CAAI,CAAC;YAAEC,GAAA,EAAKC,SAAS;YAAEC;UAAQ,CAAE,EAAEC,KAAA;YACxC,MAAM;cAAEC;YAAS,CAAE,GAAGH,SAAA,IAAa,CAAC;YAEpC,MAAMI,cAAA,GACJ,CAACD,SAAA,IACDA,SAAA,CAAU;~~cAAEd~~,gBAAA;~~cAAkBI~~,MAAA;~~cAAQH~~,YAAA;cAAcC,WAAA;cAAaC;YAAI;YAEvE,IAAI,~~CAACY~~,cAAA,EAAgB;cACnB,OAAO;YACT;YAEA,IAAIJ,SAAA,EAAWK,SAAA,EAAW;cACxB,~~OAAOrB~~,qBAAA,CAAsB;~~gBAC3BsB~~,WAAA,EAAa;kBACXC,IAAA,EAAMN;gBACR;gBACAI,SAAA,EAAWL,SAAA,CAAUK,SAAS;gBAC9BG,SAAA,~~EAAWhB~~,GAAA,~~CAAIE~~,OAAO,CAACc,SAAS;gBAChCC,GAAA,EAAK,OAAOP,KAAA,EAAO;gBACnBQ,WAAA,EAAa;~~kBACXrB~~,gBAAA;kBACAC,YAAA;~~kBACAqB~~,IAAA,~~EAAMnB~~,GAAA,~~CAAImB~~,IAAI;kBACdjB,OAAA,~~EAASF~~,GAAA,~~CAAIE~~,OAAO;~~kBACpBH~~,WAAA;kBACAC,GAAA;~~kBACAoB~~,MAAA,~~EAAQpB~~,GAAA,~~CAAIoB~~,MAAM;~~kBAClBC,IAAA,EAAMrB,GAAA,CAAIqB~~;~~gBACZ~~;cACF;YACF;YAEA,~~oBACEjB~~,IAAA,~~CAACX~~,kBAAA;cACCI,gBAAA,EAAkBA,gBAAA;cAClBC,YAAA,EAAcA,YAAA;~~cAEdiB~~,IAAA,EAAMN,QAAA;~~cACNV~~,WAAA,EAAaA,WAAA;cACbC,GAAA,EAAKA,GAAA;~~cACLQ~~,SAAA,EAAWA;~~eAJN~~,~~OAAOE~~,KAAA,EAAO;~~UAOzB~~;;;;;AAMZ","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","ShouldRenderTabs","RenderServerComponent","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","user","config","payload","tabs","_jsx","className","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","server"],"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n DocumentTabClientProps,\n DocumentTabServerPropsOnly,\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedGlobalConfig,\n SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { ShouldRenderTabs } from '../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n collectionConfig: SanitizedCollectionConfig\n globalConfig: SanitizedGlobalConfig\n permissions: SanitizedPermissions\n req: PayloadRequest\n user?: PayloadRequest['user']\n}> = ({ collectionConfig, globalConfig, permissions, req, user }) => {\n const { config } = req.payload\n\n const tabs = getTabs({\n collectionConfig,\n globalConfig,\n })\n\n return (\n <ShouldRenderTabs>\n <div className={baseClass}>\n <div className={`${baseClass}__tabs-container`}>\n <ul className={`${baseClass}__tabs`}>\n {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n const { condition } = tabConfig \|\| {}\n\n const meetsCondition =\n !condition \|\|\n condition({ collectionConfig, config, globalConfig, permissions, req })\n\n if (!meetsCondition) {\n return null\n }\n\n if (tabConfig?.Component) {\n return RenderServerComponent({\n clientProps: {\n path: viewPath,\n } satisfies DocumentTabClientProps,\n Component: tabConfig.Component,\n importMap: req.payload.importMap,\n key: `tab-${index}`,\n serverProps: {\n collectionConfig,\n globalConfig,\n i18n: req.i18n,\n payload: req.payload,\n permissions,\n req,\n server: req.server,\n user,\n } satisfies DocumentTabServerPropsOnly,\n })\n }\n\n return (\n <DefaultDocumentTab\n collectionConfig={collectionConfig}\n globalConfig={globalConfig}\n key={`tab-${index}`}\n path={viewPath}\n permissions={permissions}\n req={req}\n tabConfig={tabConfig}\n user={user}\n />\n )\n })}\n </ul>\n </div>\n </div>\n </ShouldRenderTabs>\n )\n}\n"],"mappings":";AASA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,gBAAgB,QAAQ;AACjC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAMRA,CAAC;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC,WAAW;EAAEC,GAAG;EAAEC;AAAI,CAAE;EAC9D,MAAM;IAAEC;EAAM,CAAE,GAAGF,GAAA,CAAIG,OAAO;EAE9B,MAAMC,IAAA,GAAOV,OAAA,CAAQ;IACnBG,gBAAA;IACAC;EACF;EAEA,oBACEO,IAAA,CAACd,gBAAA;cACC,aAAAc,IAAA,CAAC;MAAIC,SAAA,EAAWX,SAAA;gBACd,aAAAU,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGX,SAAA,kBAA2B;kBAC5C,aAAAU,IAAA,CAAC;UAAGC,SAAA,EAAW,GAAGX,SAAA,QAAiB;oBAChCS,IAAA,EAAMG,GAAA,CAAI,CAAC;YAAEC,GAAA,EAAKC,SAAS;YAAEC;UAAQ,CAAE,EAAEC,KAAA;YACxC,MAAM;cAAEC;YAAS,CAAE,GAAGH,SAAA,IAAa,CAAC;YAEpC,MAAMI,cAAA,GACJ,CAACD,SAAA,IACDA,SAAA,CAAU;cAAEf,gBAAA;cAAkBK,MAAA;cAAQJ,YAAA;cAAcC,WAAA;cAAaC;YAAI;YAEvE,IAAI,CAACa,cAAA,EAAgB;cACnB,OAAO;YACT;YAEA,IAAIJ,SAAA,EAAWK,SAAA,EAAW;cACxB,OAAOtB,qBAAA,CAAsB;gBAC3BuB,WAAA,EAAa;kBACXC,IAAA,EAAMN;gBACR;gBACAI,SAAA,EAAWL,SAAA,CAAUK,SAAS;gBAC9BG,SAAA,EAAWjB,GAAA,CAAIG,OAAO,CAACc,SAAS;gBAChCC,GAAA,EAAK,OAAOP,KAAA,EAAO;gBACnBQ,WAAA,EAAa;kBACXtB,gBAAA;kBACAC,YAAA;kBACAsB,IAAA,EAAMpB,GAAA,CAAIoB,IAAI;kBACdjB,OAAA,EAASH,GAAA,CAAIG,OAAO;kBACpBJ,WAAA;kBACAC,GAAA;kBACAqB,MAAA,EAAQrB,GAAA,CAAIqB,MAAM;kBAClBpB;gBACF;cACF;YACF;YAEA,oBACEI,IAAA,CAACZ,kBAAA;cACCI,gBAAA,EAAkBA,gBAAA;cAClBC,YAAA,EAAcA,YAAA;cAEdkB,IAAA,EAAMN,QAAA;cACNX,WAAA,EAAaA,WAAA;cACbC,GAAA,EAAKA,GAAA;cACLS,SAAA,EAAWA,SAAA;cACXR,IAAA,EAAMA;eALD,OAAOU,KAAA,EAAO;UAQzB;;;;;AAMZ","ignoreList":[]}

package/dist/elements/DocumentHeader/index.css CHANGED Viewed

@@ -23,6 +23,7 @@
     width: 100%;
   }
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .doc-header {
       flex-direction: column;

package/dist/elements/DocumentHeader/index.d.ts CHANGED Viewed

@@ -11,5 +11,6 @@ export declare const DocumentHeader: React.FC<{
     hideTabs?: boolean;
     permissions: SanitizedPermissions;
     req: PayloadRequest;
+    user?: PayloadRequest['user'];
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;~~CACpB~~,~~CAiBA~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,CAkBA,CAAA"}

package/dist/elements/DocumentHeader/index.js CHANGED Viewed

@@ -15,7 +15,8 @@ export const DocumentHeader = props => {
     globalConfig,
     hideTabs,
     permissions,
-    req
+    req,
+    user
   } = props;
   return /*#__PURE__*/_jsxs(DocumentHeaderRoot, {
     children: [/*#__PURE__*/_jsx(RenderTitle, {
@@ -24,7 +25,8 @@ export const DocumentHeader = props => {
       collectionConfig: collectionConfig,
       globalConfig: globalConfig,
       permissions: permissions,
-      req: req
+      req: req,
+      user: user
     }), AfterHeader ? /*#__PURE__*/_jsx("div", {
       className: `${baseClass}__after-header`,
       children: AfterHeader

package/dist/elements/DocumentHeader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","DocumentHeaderRoot","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","_jsxs","_jsx","className"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedGlobalConfig,\n SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { DocumentHeaderRoot, Gutter, RenderTitle } from '../../exports/client/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.css'\n\nconst baseClass = `doc-header`\n\n/*\n @internal\n */\nexport const DocumentHeader: React.FC<{\n AfterHeader?: React.ReactNode\n collectionConfig?: SanitizedCollectionConfig\n globalConfig?: SanitizedGlobalConfig\n hideTabs?: boolean\n permissions: SanitizedPermissions\n req: PayloadRequest\n}> = (props) => {\n const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n return (\n <DocumentHeaderRoot>\n <RenderTitle className={`${baseClass}__title`} />\n {!hideTabs && (\n <DocumentTabs\n collectionConfig={collectionConfig}\n globalConfig={globalConfig}\n permissions={permissions}\n req={req}\n />\n )}\n {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n </DocumentHeaderRoot>\n )\n}\n"],"mappings":";AAOA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,kBAAkB,EAAUC,WAAW,QAAQ;AACxD,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY,YAAY;AAE9B;;;AAGA,OAAO,MAAMC,cAAA,~~GAOPC~~,KAAA;EACJ,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;~~EAAG~~,CAAE,~~GAAGN~~,KAAA;~~EAEpF~~,~~oBACEO~~,KAAA,~~CAACZ~~,kBAAA;~~4BACCa~~,IAAA,~~CAACZ~~,WAAA;~~MAAYa~~,SAAA,EAAW,~~GAAGX~~,SAAA;QAC1B,CAACM,QAAA,~~iBACAI~~,IAAA,~~CAACX~~,YAAA;MACCK,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,WAAA,EAAaA,WAAA;MACbC,GAAA,EAAKA;~~QAGRL~~,WAAA,~~gBAAcO~~,IAAA,CAAC;MAAIC,SAAA,EAAW,~~GAAGX~~,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["React","DocumentHeaderRoot","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","user","_jsxs","_jsx","className"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedGlobalConfig,\n SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { DocumentHeaderRoot, Gutter, RenderTitle } from '../../exports/client/index.js'\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.css'\n\nconst baseClass = `doc-header`\n\n/*\n @internal\n */\nexport const DocumentHeader: React.FC<{\n AfterHeader?: React.ReactNode\n collectionConfig?: SanitizedCollectionConfig\n globalConfig?: SanitizedGlobalConfig\n hideTabs?: boolean\n permissions: SanitizedPermissions\n req: PayloadRequest\n user?: PayloadRequest['user']\n}> = (props) => {\n const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req, user } = props\n\n return (\n <DocumentHeaderRoot>\n <RenderTitle className={`${baseClass}__title`} />\n {!hideTabs && (\n <DocumentTabs\n collectionConfig={collectionConfig}\n globalConfig={globalConfig}\n permissions={permissions}\n req={req}\n user={user}\n />\n )}\n {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n </DocumentHeaderRoot>\n )\n}\n"],"mappings":";AAOA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,kBAAkB,EAAUC,WAAW,QAAQ;AACxD,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY,YAAY;AAE9B;;;AAGA,OAAO,MAAMC,cAAA,GAQPC,KAAA;EACJ,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,GAAG;IAAEC;EAAI,CAAE,GAAGP,KAAA;EAE1F,oBACEQ,KAAA,CAACb,kBAAA;4BACCc,IAAA,CAACb,WAAA;MAAYc,SAAA,EAAW,GAAGZ,SAAA;QAC1B,CAACM,QAAA,iBACAK,IAAA,CAACZ,YAAA;MACCK,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,WAAA,EAAaA,WAAA;MACbC,GAAA,EAAKA,GAAA;MACLC,IAAA,EAAMA;QAGTN,WAAA,gBAAcQ,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAGZ,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/in
 import type React from 'react';
 import type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js';
 export type DragHandleProps = {
-    attributes: UseDraggableArguments['attributes'];
+    attributes: React.AriaAttributes & UseDraggableArguments['attributes'];
     listeners: SyntheticListenerMap;
 } & UseDraggableArguments;
 export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;

package/dist/elements/DraggableSortable/DraggableSortableItem/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;~~IAC/C~~,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACtE,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}

package/dist/elements/DraggableSortable/DraggableSortableItem/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n attributes: UseDraggableArguments['attributes']\n listeners: SyntheticListenerMap\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n children: ChildFunction\n} & UseDraggableArguments\n"],"mappings":"AAaA","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/types.ts"],"sourcesContent":["import type { UseDraggableArguments } from '@dnd-kit/core'\nimport type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../useDraggableSortable/types.js'\n\nexport type DragHandleProps = {\n attributes: React.AriaAttributes & UseDraggableArguments['attributes']\n listeners: SyntheticListenerMap\n} & UseDraggableArguments\n\nexport type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode\n\nexport type Props = {\n children: ChildFunction\n} & UseDraggableArguments\n"],"mappings":"AAaA","ignoreList":[]}

package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,UAAW,qBAAqB,KAAG,~~0BAoCnE~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAI1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,UAAW,qBAAqB,KAAG,0BAsCnE,CAAA"}

package/dist/elements/DraggableSortable/useDraggableSortable/index.js CHANGED Viewed

@@ -3,7 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { useSortable } from '@dnd-kit/sortable';
 export const useDraggableSortable = props => {
-  const $ = _c(18);
+  const $ = _c(19);
   const {
     id,
     disabled
@@ -37,6 +37,7 @@ export const useDraggableSortable = props => {
     isOver,
     isSorting,
     listeners,
+    setActivatorNodeRef,
     setNodeRef,
     transform,
     transition
@@ -65,13 +66,14 @@ export const useDraggableSortable = props => {
   }
   const t4 = transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`;
   let t5;
-  if ($[9] !== isDragging || $[10] !== isOver || $[11] !== isSorting || $[12] !== listeners || $[13] !== setNodeRef || $[14] !== t3 || $[15] !== t4 || $[16] !== transition) {
+  if ($[9] !== isDragging || $[10] !== isOver || $[11] !== isSorting || $[12] !== listeners || $[13] !== setActivatorNodeRef || $[14] !== setNodeRef || $[15] !== t3 || $[16] !== t4 || $[17] !== transition) {
     t5 = {
       attributes: t3,
       isDragging,
       isOver,
       isSorting,
       listeners,
+      setActivatorNodeRef,
       setNodeRef,
       transform: t4,
       transition
@@ -80,13 +82,14 @@ export const useDraggableSortable = props => {
     $[10] = isOver;
     $[11] = isSorting;
     $[12] = listeners;
-    $[13] = setNodeRef;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = transition;
-    $[17] = t5;
+    $[13] = setActivatorNodeRef;
+    $[14] = setNodeRef;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = transition;
+    $[18] = t5;
   } else {
-    t5 = $[17];
+    t5 = $[18];
   }
   return t5;
 };

package/dist/elements/DraggableSortable/useDraggableSortable/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","useSortable","useDraggableSortable","props","$","id","disabled","t0","Symbol","for","duration","easing","t1","transition","attributes","isDragging","isOver","isSorting","listeners","setNodeRef","transform","t2","t3","style","t4","x","y","t5"],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n const { id, disabled } = props\n\n const {\n attributes,\n isDragging,\n isOver,\n isSorting,\n listeners,\n setNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n disabled,\n transition: {\n duration: 250,\n easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n },\n })\n\n return {\n attributes: {\n ...attributes,\n style: {\n transition,\n },\n },\n isDragging,\n isOver,\n isSorting,\n listeners,\n setNodeRef,\n transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n transition,\n }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,QAAQ;AAI5B,OAAO,MAAMC,oBAAA,GAAuBC,KAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAClC;IAAAK,EAAA;IAAAC;EAAA,IAAyBH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;~~IAcXF~~,EAAA;MAAAG,QAAA;MAAAC,MAAA,EAEF;IAAA;IACVP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA;IANcO,EAAA;MAAAP,EAAA;MAAAC,QAAA;MAAAO,UAAA,EAGFN;IAGZ;IACFH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;~~EAhBA~~;IAAAU,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,SAAA;~~IAAAP~~;EAAA,~~IASIZ~~,WAAA,CAAYW,EAOhB;EAAA,~~IAAAS~~,EAAA;EAAA,~~IAAAjB~~,CAAA,QAAAS,UAAA;~~IAKWQ~~,EAAA;~~MAAAR~~;IAAA;IAEPT,CAAA,MAAAS,UAAA;IAAAT,CAAA,~~MAAAiB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAjB~~,CAAA;EAAA;EAAA,~~IAAAkB~~,EAAA;EAAA,~~IAAAlB~~,CAAA,QAAAU,UAAA,IAAAV,CAAA,~~QAAAiB~~,EAAA;IAJUC,EAAA;MAAA,~~GACPR~~,UAAU;~~MAAAS~~,KAAA,EACNF;IAEP;~~IACFjB~~,CAAA,MAAAU,UAAA;IAAAV,CAAA,~~MAAAiB~~,EAAA;~~IAAAjB~~,CAAA,~~MAAAkB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAlB~~,CAAA;EAAA;~~EAMW~~,~~MAAAoB~~,EAAA,GAAAJ,SAAA,IAAa,eAAeA,SAAA,CAAAK,CAAA,OAAkBL,SAAA,CAAAM,CAAA,QAAmB;EAAA,IAAAC,EAAA;EAAA,~~IAAAvB~~,CAAA,QAAAW,UAAA,IAAAX,CAAA,SAAAY,MAAA,IAAAZ,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAc,SAAA,IAAAd,CAAA,SAAAe,~~UAAA~~,IAAAf,CAAA,~~SAAAkB~~,EAAA,~~IAAAlB~~,CAAA,~~SAAAoB~~,EAAA,~~IAAApB~~,CAAA,SAAAS,UAAA;~~IAZvEc~~,EAAA;~~MAAAb~~,UAAA,~~EACOQ~~,EAKZ;~~MAAAP~~,UAAA;MAAAC,MAAA;MAAAC,SAAA;MAAAC,SAAA;MAAAC,UAAA;MAAAC,SAAA,~~EAMWI~~,EAAiE;~~MAAAX~~;IAAA;IAE9ET,CAAA,MAAAW,UAAA;IAAAX,CAAA,OAAAY,MAAA;IAAAZ,CAAA,OAAAa,SAAA;IAAAb,CAAA,OAAAc,SAAA;IAAAd,CAAA,OAAAe,~~UAAA~~;IAAAf,CAAA,~~OAAAkB~~,EAAA;~~IAAAlB~~,CAAA,~~OAAAoB~~,EAAA;~~IAAApB~~,CAAA,OAAAS,UAAA;IAAAT,CAAA,~~OAAAuB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAvB~~,CAAA;EAAA;EAAA,~~OAdOuB~~,~~EAcP~~;AAAA,CACF","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","useSortable","useDraggableSortable","props","$","id","disabled","t0","Symbol","for","duration","easing","t1","transition","attributes","isDragging","isOver","isSorting","listeners","setActivatorNodeRef","setNodeRef","transform","t2","t3","style","t4","x","y","t5"],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n const { id, disabled } = props\n\n const {\n attributes,\n isDragging,\n isOver,\n isSorting,\n listeners,\n setActivatorNodeRef,\n setNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n disabled,\n transition: {\n duration: 250,\n easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n },\n })\n\n return {\n attributes: {\n ...attributes,\n style: {\n transition,\n },\n },\n isDragging,\n isOver,\n isSorting,\n listeners,\n setActivatorNodeRef,\n setNodeRef,\n transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n transition,\n }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,QAAQ;AAI5B,OAAO,MAAMC,oBAAA,GAAuBC,KAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAClC;IAAAK,EAAA;IAAAC;EAAA,IAAyBH,KAAA;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IAeXF,EAAA;MAAAG,QAAA;MAAAC,MAAA,EAEF;IAAA;IACVP,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,EAAA;IANcO,EAAA;MAAAP,EAAA;MAAAC,QAAA;MAAAO,UAAA,EAGFN;IAGZ;IACFH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAjBA;IAAAU,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,mBAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAR;EAAA,IAUIZ,WAAA,CAAYW,EAOhB;EAAA,IAAAU,EAAA;EAAA,IAAAlB,CAAA,QAAAS,UAAA;IAKWS,EAAA;MAAAT;IAAA;IAEPT,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,QAAAU,UAAA,IAAAV,CAAA,QAAAkB,EAAA;IAJUC,EAAA;MAAA,GACPT,UAAU;MAAAU,KAAA,EACNF;IAEP;IACFlB,CAAA,MAAAU,UAAA;IAAAV,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAOW,MAAAqB,EAAA,GAAAJ,SAAA,IAAa,eAAeA,SAAA,CAAAK,CAAA,OAAkBL,SAAA,CAAAM,CAAA,QAAmB;EAAA,IAAAC,EAAA;EAAA,IAAAxB,CAAA,QAAAW,UAAA,IAAAX,CAAA,SAAAY,MAAA,IAAAZ,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAc,SAAA,IAAAd,CAAA,SAAAe,mBAAA,IAAAf,CAAA,SAAAgB,UAAA,IAAAhB,CAAA,SAAAmB,EAAA,IAAAnB,CAAA,SAAAqB,EAAA,IAAArB,CAAA,SAAAS,UAAA;IAbvEe,EAAA;MAAAd,UAAA,EACOS,EAKZ;MAAAR,UAAA;MAAAC,MAAA;MAAAC,SAAA;MAAAC,SAAA;MAAAC,mBAAA;MAAAC,UAAA;MAAAC,SAAA,EAOWI,EAAiE;MAAAZ;IAAA;IAE9ET,CAAA,MAAAW,UAAA;IAAAX,CAAA,OAAAY,MAAA;IAAAZ,CAAA,OAAAa,SAAA;IAAAb,CAAA,OAAAc,SAAA;IAAAd,CAAA,OAAAe,mBAAA;IAAAf,CAAA,OAAAgB,UAAA;IAAAhB,CAAA,OAAAmB,EAAA;IAAAnB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OAfOwB,EAeP;AAAA,CACF","ignoreList":[]}

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export type UseDraggableSortableReturn = {
     readonly isOver?: boolean;
     readonly isSorting?: boolean;
     readonly listeners: SyntheticListenerMap;
+    readonly setActivatorNodeRef?: (node: HTMLElement | null) => void;
     readonly setNodeRef: (node: HTMLElement | null) => void;
     readonly transform: string;
     readonly transition: string;

package/dist/elements/DraggableSortable/useDraggableSortable/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAA;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAA;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAA;IACxC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACjE,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/elements/DraggableSortable/useDraggableSortable/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n readonly attributes: HTMLAttributes<unknown>\n readonly isDragging?: boolean\n readonly isOver?: boolean\n readonly isSorting?: boolean\n readonly listeners: SyntheticListenerMap\n readonly setNodeRef: (node: HTMLElement \| null) => void\n readonly transform: string\n readonly transition: string\n}\n"],"mappings":"AAGA","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/types.ts"],"sourcesContent":["import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities/index.js'\nimport type { HTMLAttributes } from 'react'\n\nexport type UseDraggableSortableReturn = {\n readonly attributes: HTMLAttributes<unknown>\n readonly isDragging?: boolean\n readonly isOver?: boolean\n readonly isSorting?: boolean\n readonly listeners: SyntheticListenerMap\n readonly setActivatorNodeRef?: (node: HTMLElement \| null) => void\n readonly setNodeRef: (node: HTMLElement \| null) => void\n readonly transform: string\n readonly transition: string\n}\n"],"mappings":"AAGA","ignoreList":[]}

package/dist/elements/Drawer/index.css CHANGED Viewed

@@ -6,13 +6,13 @@
     position: fixed;
     inset: 0;
-    --gutter-h: var(--spacer-4);
+    --gutter-h: var(--spacer-3);
     --gutter-v: var(--spacer-4);
   }
-  @media (max-width: 768px) {
+  @media (min-width: 768px) {
     .drawer {
-      --gutter-h: var(--spacer-3);
+      --gutter-h: var(--spacer-4);
     }
   }
@@ -33,7 +33,7 @@
     position: relative;
     z-index: 2;
     width: clamp(600px, 40vw, 1080px);
-    max-width: 100vw;
+    max-width: calc(100vw - var(--spacer-3));
     background-color: var(--color-bg);
     box-shadow: var(--elevation-400-menu-panel);
     container: drawer / inline-size;
@@ -41,6 +41,12 @@
     transition: transform 100ms ease-out;
   }
+  @media (min-width: 768px) {
+    .drawer__content {
+      max-width: 100vw;
+    }
+  }
   .drawer__content-children {
     position: relative;
     z-index: 1;

package/dist/elements/Drawer/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,KASN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;~~AAKrD~~,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwChD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIlC,CAAA;~~AA6GD~~,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA;AAEnE,KAAK,sBAAsB,GAAG;IAC5B,4EAA4E;IAC5E,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAQD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA6BvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,sBAAiD,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMrD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwChD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIlC,CAAA;AA+GD,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA;AAEnE,KAAK,sBAAsB,GAAG;IAC5B,4EAA4E;IAC5E,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAC1B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAQD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA6BvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,sBAAiD,CAAA"}

package/dist/elements/Drawer/index.js CHANGED Viewed

@@ -2,11 +2,11 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Modal, useModal } from '@faceless-ui/modal';
 import React, { createContext, use, useCallback, useEffect, useId, useLayoutEffect, useMemo, useState } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
+import { Modal, useModal } from '../Modal/index.js';
 import './index.css';
 const baseClass = 'drawer';
 export const drawerZBase = 100;
@@ -171,10 +171,12 @@ const DrawerInner = t0 => {
         children: [_jsx("div", {
           className: `${baseClass}__blur-bg`
         }), _jsx("button", {
+          "aria-hidden": "true",
           "aria-label": t("general:close"),
           className: `${baseClass}__close`,
           id: `close-drawer__${slug}`,
           onClick: t11,
+          tabIndex: -1,
           type: "button"
         }), _jsxs("div", {
           className: `${baseClass}__content`,