@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","useEffect","toast","useEffectEvent","useConfig","EditDepthProvider","useTranslation","UploadControlsProvider","Drawer","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","getEntityConfig","t","uploadCollection","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","onCancel","BulkUploadDrawer","$","setInitialFiles","setInitialForms","setOnCancel","setOnSuccess","setParentID","setSelectableCollections","setSuccessfullyUploaded","successfullyUploaded","modalState","previousModalStateRef","useRef","t0","modalState_0","previousModalState","current","currentModalState","isOpen","_temp2","_temp4","onModalStateChanged","t1","t2","t3","Header","slug","children","_temp3","_temp","Context","createContext","initialFiles","initialForms","maxFiles","onSuccess","parentID","selectableCollections","setCollectionSlug","setMaxFiles","BulkUploadProvider","drawerSlugPrefix","useState","collection","setCollection","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","Symbol","for","t4","newDocs","errorCount","t5","value","_jsxs","Fragment","use","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport React, { useEffect } from 'react'\nimport { toast } from 'sonner'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider } from '../../providers/UploadControls/index.js'\nimport { Drawer, useDrawerDepth } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, type InitialForms, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { closeModal } = useModal()\n  const { collectionSlug, drawerSlug } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n\n  const uploadCollection = getEntityConfig({ collectionSlug })\n  const uploadConfig = uploadCollection?.upload\n  const uploadMimeTypes = uploadConfig?.mimeTypes\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      const fileTransfer = new DataTransfer()\n      for (const candidateFile of acceptedFiles) {\n        if (\n          uploadMimeTypes === undefined ||\n          uploadMimeTypes.length === 0 ||\n          validateMimeType(candidateFile.type, uploadMimeTypes)\n        ) {\n          fileTransfer.items.add(candidateFile)\n        }\n      }\n      if (fileTransfer.files.length === 0) {\n        toast.error(t('error:invalidFileType'))\n      } else {\n        void addFiles(fileTransfer.files)\n      }\n    },\n    [addFiles, t, uploadMimeTypes],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        onCancel={() => closeModal(drawerSlug)}\n        onDrop={onDrop}\n      />\n    )\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n  const {\n    drawerSlug,\n    onCancel,\n    setInitialFiles,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setParentID,\n    setSelectableCollections,\n    setSuccessfullyUploaded,\n    successfullyUploaded,\n  } = useBulkUpload()\n  const { modalState } = useModal()\n  const previousModalStateRef = React.useRef(modalState)\n\n  /**\n   * This is used to trigger onCancel when the drawer is closed (=> forms reset, as FormsManager is unmounted)\n   */\n  const onModalStateChanged = useEffectEvent((modalState) => {\n    const previousModalState = previousModalStateRef.current[drawerSlug]\n    const currentModalState = modalState[drawerSlug]\n\n    if (typeof currentModalState === 'undefined' && typeof previousModalState === 'undefined') {\n      return\n    }\n\n    if (previousModalState?.isOpen !== currentModalState?.isOpen) {\n      if (!currentModalState?.isOpen) {\n        if (!successfullyUploaded) {\n          // It's only cancelled if successfullyUploaded is not set. Otherwise, this would simply be a modal close after success\n          // => do not call cancel, just reset everything\n          if (typeof onCancel === 'function') {\n            onCancel()\n          }\n        }\n\n        // Reset everything to defaults\n        setParentID(undefined)\n        setInitialFiles(undefined)\n        setInitialForms(undefined)\n        setOnCancel(() => () => null)\n        setOnSuccess(() => () => null)\n        setSelectableCollections(null)\n        setSuccessfullyUploaded(false)\n      }\n    }\n    previousModalStateRef.current = modalState\n  })\n\n  useEffect(() => {\n    onModalStateChanged(modalState)\n  }, [modalState])\n\n  return (\n    <Drawer Header={null} slug={drawerSlug}>\n      <FormsManagerProvider>\n        <UploadControlsProvider>\n          <EditDepthProvider>\n            <DrawerContent />\n          </EditDepthProvider>\n        </UploadControlsProvider>\n      </FormsManagerProvider>\n    </Drawer>\n  )\n}\n\nexport type BulkUploadContext = {\n  collectionSlug: CollectionSlug\n  drawerSlug: string\n  initialFiles: FileList\n  /**\n   * Like initialFiles, but allows manually providing initial form state or the form ID for each file\n   */\n  initialForms: InitialForms\n  maxFiles: number\n  onCancel: () => void\n  onSuccess: (\n    uploadedForms: Array<{\n      collectionSlug: CollectionSlug\n      doc: JsonObject\n      /**\n       * ID of the form that created this document\n       */\n      formID: string\n    }>,\n    errorCount: number,\n  ) => void\n  parentID?: number | string\n  /**\n   * An array of collection slugs that can be selected in the collection dropdown (if applicable)\n   * @default null - collection cannot be selected\n   */\n  selectableCollections?: null | string[]\n  setCollectionSlug: (slug: string) => void\n  setInitialFiles: (files: FileList) => void\n  setInitialForms: (\n    forms: ((forms: InitialForms | undefined) => InitialForms | undefined) | InitialForms,\n  ) => void\n  setMaxFiles: (maxFiles: number) => void\n  setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n  setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n  setParentID: (parentID: number | string | undefined) => void\n  /**\n   * Set the collections that can be selected in the collection dropdown (if applicable)\n   *\n   * @default null - collection cannot be selected\n   */\n  setSelectableCollections: (collections: null | string[]) => void\n  setSuccessfullyUploaded: (successfullyUploaded: boolean) => void\n  successfullyUploaded: boolean\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n  collectionSlug: '',\n  drawerSlug: '',\n  initialFiles: undefined,\n  initialForms: [],\n  maxFiles: undefined,\n  onCancel: () => null,\n  onSuccess: () => null,\n  parentID: undefined,\n  selectableCollections: null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setInitialForms: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n  setParentID: () => null,\n  setSelectableCollections: () => null,\n  setSuccessfullyUploaded: () => false,\n  successfullyUploaded: false,\n})\nexport function BulkUploadProvider({\n  children,\n  drawerSlugPrefix,\n}: {\n  readonly children: React.ReactNode\n  readonly drawerSlugPrefix?: string\n}) {\n  const [selectableCollections, setSelectableCollections] = React.useState<null | string[]>(null)\n  const [collection, setCollection] = React.useState<string>()\n  const [parentID, setParentID] = React.useState<number | string | undefined>(undefined)\n  const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n  const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n  const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n  const [initialForms, setInitialForms] = React.useState<InitialForms>(undefined)\n  const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n  const [successfullyUploaded, setSuccessfullyUploaded] = React.useState<boolean>(false)\n\n  const drawerSlug = `${drawerSlugPrefix ? `${drawerSlugPrefix}-` : ''}${useBulkUploadDrawerSlug()}`\n\n  const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n    setOnSuccessFunction(() => onSuccess)\n  }\n  const setOnCancel: BulkUploadContext['setOnCancel'] = (onCancel) => {\n    setOnCancelFunction(() => onCancel)\n  }\n\n  return (\n    <Context\n      value={{\n        collectionSlug: collection,\n        drawerSlug,\n        initialFiles,\n        initialForms,\n        maxFiles,\n        onCancel: () => {\n          if (typeof onCancelFunction === 'function') {\n            onCancelFunction()\n          }\n        },\n        onSuccess: (newDocs, errorCount) => {\n          if (typeof onSuccessFunction === 'function') {\n            onSuccessFunction(newDocs, errorCount)\n          }\n        },\n        parentID,\n        selectableCollections,\n        setCollectionSlug: setCollection,\n        setInitialFiles,\n        setInitialForms,\n        setMaxFiles,\n        setOnCancel,\n        setOnSuccess,\n        setParentID,\n        setSelectableCollections,\n        setSuccessfullyUploaded,\n        successfullyUploaded,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadDrawer />\n      </React.Fragment>\n    </Context>\n  )\n}\n\nexport const useBulkUpload = () => React.use(Context)\n\nexport function useBulkUploadDrawerSlug() {\n  const depth = useDrawerDepth()\n\n  return `${drawerSlug}-${depth + 1}`\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,IAASC,SAAS,QAAQ;AACjC,SAASC,KAAK,QAAQ;AAEtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,MAAM,EAAEC,cAAc,QAAQ;AACvC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,EAAqBC,eAAe,QAAQ;AAEzE,MAAMC,UAAA,GAAa;AAEnB,SAASC,cAAA;EACP,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAc,CAAE,GAAGL,eAAA;EAC5C,MAAM;IAAEM;EAAU,CAAE,GAAGrB,QAAA;EACvB,MAAM;IAAEsB,cAAc;IAAEN;EAAU,CAAE,GAAGO,aAAA;EACvC,MAAM;IAAEC;EAAe,CAAE,GAAGlB,SAAA;EAC5B,MAAM;IAAEmB;EAAC,CAAE,GAAGjB,cAAA;EAEd,MAAMkB,gBAAA,GAAmBF,eAAA,CAAgB;IAAEF;EAAe;EAC1D,MAAMK,YAAA,GAAeD,gBAAA,EAAkBE,MAAA;EACvC,MAAMC,eAAA,GAAkBF,YAAA,EAAcG,SAAA;EAEtC,MAAMC,MAAA,GAAS7B,KAAA,CAAM8B,WAAW,CAC7BC,aAAA;IACC,MAAMC,YAAA,GAAe,IAAIC,YAAA;IACzB,KAAK,MAAMC,aAAA,IAAiBH,aAAA,EAAe;MACzC,IACEJ,eAAA,KAAoBQ,SAAA,IACpBR,eAAA,CAAgBS,MAAM,KAAK,KAC3BrC,gBAAA,CAAiBmC,aAAA,CAAcG,IAAI,EAAEV,eAAA,GACrC;QACAK,YAAA,CAAaM,KAAK,CAACC,GAAG,CAACL,aAAA;MACzB;IACF;IACA,IAAIF,YAAA,CAAaQ,KAAK,CAACJ,MAAM,KAAK,GAAG;MACnClC,KAAA,CAAMuC,KAAK,CAAClB,CAAA,CAAE;IAChB,OAAO;MACL,KAAKP,QAAA,CAASgB,YAAA,CAAaQ,KAAK;IAClC;EACF,GACA,CAACxB,QAAA,EAAUO,CAAA,EAAGI,eAAA,CAAgB;EAGhC,IAAI,CAACP,cAAA,EAAgB;IACnB,OAAO;EACT;EAEA,IAAI,CAACH,KAAA,CAAMmB,MAAM,IAAI,CAAClB,cAAA,EAAgB;IACpC,oBACEwB,IAAA,CAAChC,YAAA;MACCiC,eAAA,EAAiBhB,eAAA,EAAiBiB,IAAA,CAAK;MACvCC,QAAA,EAAUA,CAAA,KAAM1B,UAAA,CAAWL,UAAA;MAC3Be,MAAA,EAAQA;;EAGd,OAAO;IACL,oBAAOa,IAAA,CAAC/B,eAAA;EACV;AACF;AAMA,OAAO,SAAAmC,iBAAA;EAAA,MAAAC,CAAA,GAAAlD,EAAA;EACL;IAAAiB,UAAA;IAAA+B,QAAA;IAAAG,eAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,wBAAA;IAAAC,uBAAA;IAAAC;EAAA,IAWIlC,aAAA;EACJ;IAAAmC;EAAA,IAAuB1D,QAAA;EACvB,MAAA2D,qBAAA,GAA8BzD,KAAA,CAAA0D,MAAA,CAAaF,UAAA;EAAA,IAAAG,EAAA;EAAA,IAAAZ,CAAA,QAAAjC,UAAA,IAAAiC,CAAA,QAAAF,QAAA,IAAAE,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAM,wBAAA,IAAAN,CAAA,QAAAO,uBAAA,IAAAP,CAAA,QAAAQ,oBAAA;IAKAI,EAAA,GAAAC,YAAA;MACzC,MAAAC,kBAAA,GAA2BJ,qBAAA,CAAAK,OAAA,CAA8BhD,UAAA;MACzD,MAAAiD,iBAAA,GAA0BP,YAAU,CAAC1C,UAAA;MAAW,IAE5C,OAAOiD,iBAAA,KAAsB,eAAe,OAAOF,kBAAA,KAAuB;QAAA;MAAA;MAAA,IAI1EA,kBAAA,EAAAG,MAAA,KAA+BD,iBAAA,EAAAC,MAAmB;QAAA,KAC/CD,iBAAA,EAAAC,MAAA;UAAA,KACET,oBAAA;YAAA,IAGC,OAAOV,QAAA,KAAa;cACtBA,QAAA;YAAA;UAAA;UAKJO,WAAA,CAAAjB,SAAY;UACZa,eAAA,CAAAb,SAAgB;UAChBc,eAAA,CAAAd,SAAgB;UAChBe,WAAA,CAAAe,MAAwB;UACxBd,YAAA,CAAAe,MAAyB;UACzBb,wBAAA,KAAyB;UACzBC,uBAAA,MAAwB;QAAA;MAAA;MAG5BG,qBAAA,CAAAK,OAAA,GAAgCN,YAAA;IAAA;IAClCT,CAAA,MAAAjC,UAAA;IAAAiC,CAAA,MAAAF,QAAA;IAAAE,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAG,WAAA;IAAAH,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAM,wBAAA;IAAAN,CAAA,MAAAO,uBAAA;IAAAP,CAAA,MAAAQ,oBAAA;IAAAR,CAAA,OAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EA7BA,MAAAoB,mBAAA,GAA4BhE,cAAA,CAAewD,EA6B3C;EAAA,IAAAS,EAAA;EAAA,IAAArB,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAoB,mBAAA;IAEUC,EAAA,GAAAA,CAAA;MACRD,mBAAA,CAAoBX,UAAA;IAAA;IACtBT,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAoB,mBAAA;IAAApB,CAAA,OAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAtB,CAAA,SAAAS,UAAA;IAAGa,EAAA,IAACb,UAAA;IAAWT,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAFf9C,SAAA,CAAUmE,EAEV,EAAGC,EAAY;EAAA,IAAAC,EAAA;EAAA,IAAAvB,CAAA,SAAAjC,UAAA;IAGbwD,EAAA,GAAA5B,IAAA,CAAAlC,MAAA;MAAA+D,MAAA;MAAAC,IAAA,EAA4B1D,UAAA;MAAA2D,QAAA,EAC1B/B,IAAA,CAAA9B,oBAAA;QAAA6D,QAAA,EACE/B,IAAA,CAAAnC,sBAAA;UAAAkE,QAAA,EACE/B,IAAA,CAAArC,iBAAA;YAAAoE,QAAA,EACE/B,IAAA,CAAA3B,aAAA,IAAC;UAAA,C;;;;;;;;;SAJTuD,E;;AAvDG,SAAAJ,OAAA;EAAA,OAAAQ,MAAA;AAAA;AAAA,SAAAA,OAAA;EAAA;AAAA;AAAA,SAAAT,OAAA;EAAA,OAAAU,KAAA;AAAA;AAAA,SAAAA,MAAA;EAAA;AAAA;AAiHP,MAAMC,OAAA,gBAAU5E,KAAA,CAAM6E,aAAa,CAAoB;EACrDzD,cAAA,EAAgB;EAChBN,UAAA,EAAY;EACZgE,YAAA,EAAc3C,SAAA;EACd4C,YAAA,EAAc,EAAE;EAChBC,QAAA,EAAU7C,SAAA;EACVU,QAAA,EAAUA,CAAA,KAAM;EAChBoC,SAAA,EAAWA,CAAA,KAAM;EACjBC,QAAA,EAAU/C,SAAA;EACVgD,qBAAA,EAAuB;EACvBC,iBAAA,EAAmBA,CAAA,KAAM;EACzBpC,eAAA,EAAiBA,CAAA,KAAM;EACvBC,eAAA,EAAiBA,CAAA,KAAM;EACvBoC,WAAA,EAAaA,CAAA,KAAM;EACnBnC,WAAA,EAAaA,CAAA,KAAM;EACnBC,YAAA,EAAcA,CAAA,KAAM;EACpBC,WAAA,EAAaA,CAAA,KAAM;EACnBC,wBAAA,EAA0BA,CAAA,KAAM;EAChCC,uBAAA,EAAyBA,CAAA,KAAM;EAC/BC,oBAAA,EAAsB;AACxB;AACA,OAAO,SAAA+B,mBAAA3B,EAAA;EAAA,MAAAZ,CAAA,GAAAlD,EAAA;EAA4B;IAAA4E,QAAA;IAAAc;EAAA,IAAA5B,EAMlC;EACC,OAAAwB,qBAAA,EAAA9B,wBAAA,IAA0DrD,KAAA,CAAAwF,QAAA,KAAgC;EAC1F,OAAAC,UAAA,EAAAC,aAAA,IAAoC1F,KAAA,CAAAwF,QAAA,CAAc;EAClD,OAAAN,QAAA,EAAA9B,WAAA,IAAgCpD,KAAA,CAAAwF,QAAA,CAAArD,SAA4C;EAC5E,OAAAwD,iBAAA,EAAAC,oBAAA,IAAkD5F,KAAA,CAAAwF,QAAA,CAAc;EAChE,OAAAK,gBAAA,EAAAC,mBAAA,IAAgD9F,KAAA,CAAAwF,QAAA,CAAc;EAC9D,OAAAV,YAAA,EAAA9B,eAAA,IAAwChD,KAAA,CAAAwF,QAAA,CAAArD,SAAyB;EACjE,OAAA4C,YAAA,EAAA9B,eAAA,IAAwCjD,KAAA,CAAAwF,QAAA,CAAArD,SAA6B;EACrE,OAAA6C,QAAA,EAAAK,WAAA,IAAgCrF,KAAA,CAAAwF,QAAA,CAAArD,SAAuB;EACvD,OAAAoB,oBAAA,EAAAD,uBAAA,IAAwDtD,KAAA,CAAAwF,QAAA,MAAwB;EAEhF,MAAA1E,UAAA,GAAmB,GAAGyE,gBAAA,GAAmB,GAAGA,gBAAA,GAAmB,GAAG,KAAKQ,uBAAA,IAA2B;EAAA,IAAA3B,EAAA;EAAA,IAAArB,CAAA,QAAAiD,MAAA,CAAAC,GAAA;IAE1C7B,EAAA,GAAAa,SAAA;MACtDW,oBAAA,OAA2BX,SAAA;IAAA;IAC7BlC,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAFA,MAAAI,YAAA,GAAwDiB,EAExD;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAiD,MAAA,CAAAC,GAAA;IACsD5B,EAAA,GAAAxB,QAAA;MACpDiD,mBAAA,OAA0BjD,QAAA;IAAA;IAC5BE,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAFA,MAAAG,WAAA,GAAsDmB,EAEtD;EAAA,IAAAC,EAAA;EAAA,IAAAvB,CAAA,QAAA8C,gBAAA;IAUgBvB,EAAA,GAAAA,CAAA;MAAA,IACJ,OAAOuB,gBAAA,KAAqB;QAC9BA,gBAAA;MAAA;IAAA;IAEJ9C,CAAA,MAAA8C,gBAAA;IAAA9C,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,IAAAmD,EAAA;EAAA,IAAAnD,CAAA,QAAA4C,iBAAA;IACWO,EAAA,GAAAA,CAAAC,OAAA,EAAAC,UAAA;MAAA,IACL,OAAOT,iBAAA,KAAsB;QAC/BA,iBAAA,CAAkBQ,OAAA,EAASC,UAAA;MAAA;IAAA;IAE/BrD,CAAA,MAAA4C,iBAAA;IAAA5C,CAAA,MAAAmD,EAAA;EAAA;IAAAA,EAAA,GAAAnD,CAAA;EAAA;EAAA,IAAAsD,EAAA;EAAA,IAAAtD,CAAA,QAAA0B,QAAA,IAAA1B,CAAA,QAAA0C,UAAA,IAAA1C,CAAA,QAAAjC,UAAA,IAAAiC,CAAA,QAAA+B,YAAA,IAAA/B,CAAA,SAAAgC,YAAA,IAAAhC,CAAA,SAAAiC,QAAA,IAAAjC,CAAA,SAAAmC,QAAA,IAAAnC,CAAA,SAAAoC,qBAAA,IAAApC,CAAA,SAAAQ,oBAAA,IAAAR,CAAA,SAAAuB,EAAA,IAAAvB,CAAA,SAAAmD,EAAA;IAhBJG,EAAA,GAAA3D,IAAA,CAAAkC,OAAA;MAAA0B,KAAA;QAAAlF,cAAA,EAEoBqE,UAAA;QAAA3E,UAAA;QAAAgE,YAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAnC,QAAA,EAKNyB,EAIV;QAAAW,SAAA,EACWiB,EAIX;QAAAhB,QAAA;QAAAC,qBAAA;QAAAC,iBAAA,EAGmBM,aAAA;QAAA1C,eAAA;QAAAC,eAAA;QAAAoC,WAAA;QAAAnC,WAAA;QAAAC,YAAA;QAAAC,WAAA;QAAAC,wBAAA;QAAAC,uBAAA;QAAAC;MAAA;MAAAkB,QAAA,EAYrB8B,KAAA,CAAAvG,KAAA,CAAAwG,QAAA;QAAA/B,QAAA,GACGA,QAAA,EACD/B,IAAA,CAAAI,gBAAA,IAAC;MAAA,C;;;;;;;;;;;;;;;;;SAjCLuD,E;;AAuCJ,OAAO,MAAMhF,aAAA,GAAgBA,CAAA,KAAMrB,KAAA,CAAMyG,GAAG,CAAC7B,OAAA;AAE7C,OAAO,SAAAmB,wBAAA;EACL,MAAAW,KAAA,GAAcjG,cAAA;EAAA,OAEP,GAAAK,UAAA,IAAiB4F,KAAA,IAAQ,EAAG;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","useEffect","toast","useEffectEvent","useConfig","EditDepthProvider","useTranslation","UploadControlsProvider","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","baseModalSlug","DrawerContent","addFiles","forms","isInitializing","collectionSlug","modalSlug","useBulkUpload","getEntityConfig","t","openModal","uploadCollection","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","BulkUploadModal","$","onCancel","setInitialFiles","setInitialForms","setOnCancel","setOnSuccess","setParentID","setSelectableCollections","setSuccessfullyUploaded","successfullyUploaded","modalState","previousModalStateRef","useRef","t0","modalState_0","previousModalState","current","currentModalState","isOpen","_temp2","_temp4","onModalStateChanged","t1","t2","t3","Symbol","for","children","_temp3","_temp","Context","createContext","initialFiles","initialForms","maxFiles","onSuccess","parentID","selectableCollections","setCollectionSlug","setMaxFiles","BulkUploadProvider","modalSlugPrefix","useState","collection","setCollection","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadModalSlug","t4","newDocs","errorCount","t5","value","_jsxs","Fragment","use","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport React, { useEffect } from 'react'\nimport { toast } from 'sonner'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider } from '../../providers/UploadControls/index.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, type InitialForms, useFormsManager } from './FormsManager/index.js'\nimport './index.css'\n\nconst baseModalSlug = 'bulk-upload-modal-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { collectionSlug, modalSlug } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n\n  const uploadCollection = getEntityConfig({ collectionSlug })\n  const uploadConfig = uploadCollection?.upload\n  const uploadMimeTypes = uploadConfig?.mimeTypes\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      const fileTransfer = new DataTransfer()\n      for (const candidateFile of acceptedFiles) {\n        if (\n          uploadMimeTypes === undefined ||\n          uploadMimeTypes.length === 0 ||\n          validateMimeType(candidateFile.type, uploadMimeTypes)\n        ) {\n          fileTransfer.items.add(candidateFile)\n        }\n      }\n      if (fileTransfer.files.length === 0) {\n        toast.error(t('error:invalidFileType'))\n      } else {\n        void addFiles(fileTransfer.files)\n        openModal(modalSlug)\n      }\n    },\n    [addFiles, t, uploadMimeTypes, openModal, modalSlug],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        modalSlug={modalSlug}\n        onDrop={onDrop}\n      />\n    )\n  }\n\n  return <AddingFilesView modalSlug={modalSlug} />\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadModal() {\n  const {\n    modalSlug,\n    onCancel,\n    setInitialFiles,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setParentID,\n    setSelectableCollections,\n    setSuccessfullyUploaded,\n    successfullyUploaded,\n  } = useBulkUpload()\n  const { modalState } = useModal()\n  const previousModalStateRef = React.useRef(modalState)\n\n  /**\n   * This is used to trigger onCancel when the drawer is closed (=> forms reset, as FormsManager is unmounted)\n   */\n  const onModalStateChanged = useEffectEvent((modalState) => {\n    const previousModalState = previousModalStateRef.current[modalSlug]\n    const currentModalState = modalState[modalSlug]\n\n    if (typeof currentModalState === 'undefined' && typeof previousModalState === 'undefined') {\n      return\n    }\n\n    if (previousModalState?.isOpen !== currentModalState?.isOpen) {\n      if (!currentModalState?.isOpen) {\n        if (!successfullyUploaded) {\n          // It's only cancelled if successfullyUploaded is not set. Otherwise, this would simply be a modal close after success\n          // => do not call cancel, just reset everything\n          if (typeof onCancel === 'function') {\n            onCancel()\n          }\n        }\n\n        // Reset everything to defaults\n        setParentID(undefined)\n        setInitialFiles(undefined)\n        setInitialForms(undefined)\n        setOnCancel(() => () => null)\n        setOnSuccess(() => () => null)\n        setSelectableCollections(null)\n        setSuccessfullyUploaded(false)\n      }\n    }\n    previousModalStateRef.current = modalState\n  })\n\n  useEffect(() => {\n    onModalStateChanged(modalState)\n  }, [modalState])\n\n  // Only mount the providers (and reset forms on unmount) while the drawer is open,\n  // matching the previous behavior where the Drawer lazily rendered its children.\n  if (!modalState[modalSlug]?.isOpen) {\n    return null\n  }\n\n  return (\n    <FormsManagerProvider>\n      <UploadControlsProvider>\n        <EditDepthProvider>\n          <DrawerContent />\n        </EditDepthProvider>\n      </UploadControlsProvider>\n    </FormsManagerProvider>\n  )\n}\n\nexport type BulkUploadContext = {\n  collectionSlug: CollectionSlug\n  initialFiles: FileList\n  /**\n   * Like initialFiles, but allows manually providing initial form state or the form ID for each file\n   */\n  initialForms: InitialForms\n  maxFiles: number\n  modalSlug: string\n  onCancel: () => void\n  onSuccess: (\n    uploadedForms: Array<{\n      collectionSlug: CollectionSlug\n      doc: JsonObject\n      /**\n       * ID of the form that created this document\n       */\n      formID: string\n    }>,\n    errorCount: number,\n  ) => void\n  parentID?: number | string\n  /**\n   * An array of collection slugs that can be selected in the collection dropdown (if applicable)\n   * @default null - collection cannot be selected\n   */\n  selectableCollections?: null | string[]\n  setCollectionSlug: (slug: string) => void\n  setInitialFiles: (files: FileList) => void\n  setInitialForms: (\n    forms: ((forms: InitialForms | undefined) => InitialForms | undefined) | InitialForms,\n  ) => void\n  setMaxFiles: (maxFiles: number) => void\n  setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n  setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n  setParentID: (parentID: number | string | undefined) => void\n  /**\n   * Set the collections that can be selected in the collection dropdown (if applicable)\n   *\n   * @default null - collection cannot be selected\n   */\n  setSelectableCollections: (collections: null | string[]) => void\n  setSuccessfullyUploaded: (successfullyUploaded: boolean) => void\n  successfullyUploaded: boolean\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n  collectionSlug: '',\n  initialFiles: undefined,\n  initialForms: [],\n  maxFiles: undefined,\n  modalSlug: '',\n  onCancel: () => null,\n  onSuccess: () => null,\n  parentID: undefined,\n  selectableCollections: null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setInitialForms: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n  setParentID: () => null,\n  setSelectableCollections: () => null,\n  setSuccessfullyUploaded: () => false,\n  successfullyUploaded: false,\n})\nexport function BulkUploadProvider({\n  children,\n  modalSlugPrefix,\n}: {\n  readonly children: React.ReactNode\n  readonly modalSlugPrefix?: string\n}) {\n  const [selectableCollections, setSelectableCollections] = React.useState<null | string[]>(null)\n  const [collection, setCollection] = React.useState<string>()\n  const [parentID, setParentID] = React.useState<number | string | undefined>(undefined)\n  const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n  const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n  const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n  const [initialForms, setInitialForms] = React.useState<InitialForms>(undefined)\n  const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n  const [successfullyUploaded, setSuccessfullyUploaded] = React.useState<boolean>(false)\n\n  const modalSlug = `${modalSlugPrefix ? `${modalSlugPrefix}-` : ''}${useBulkUploadModalSlug()}`\n\n  const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n    setOnSuccessFunction(() => onSuccess)\n  }\n  const setOnCancel: BulkUploadContext['setOnCancel'] = (onCancel) => {\n    setOnCancelFunction(() => onCancel)\n  }\n\n  return (\n    <Context\n      value={{\n        collectionSlug: collection,\n        initialFiles,\n        initialForms,\n        maxFiles,\n        modalSlug,\n        onCancel: () => {\n          if (typeof onCancelFunction === 'function') {\n            onCancelFunction()\n          }\n        },\n        onSuccess: (newDocs, errorCount) => {\n          if (typeof onSuccessFunction === 'function') {\n            onSuccessFunction(newDocs, errorCount)\n          }\n        },\n        parentID,\n        selectableCollections,\n        setCollectionSlug: setCollection,\n        setInitialFiles,\n        setInitialForms,\n        setMaxFiles,\n        setOnCancel,\n        setOnSuccess,\n        setParentID,\n        setSelectableCollections,\n        setSuccessfullyUploaded,\n        successfullyUploaded,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadModal />\n      </React.Fragment>\n    </Context>\n  )\n}\n\nexport const useBulkUpload = () => React.use(Context)\n\nexport function useBulkUploadModalSlug() {\n  const depth = useDrawerDepth()\n\n  return `${baseModalSlug}-${depth + 1}`\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/useUploadCollectionOptions.d.ts

@@ -0,0 +1,6 @@
+export declare function useUploadCollectionOptions(): {
+    isDisabled: boolean;
+    label: string;
+    value: string;
+}[];
+//# sourceMappingURL=useUploadCollectionOptions.d.ts.map

package/dist/elements/BulkUpload/useUploadCollectionOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadCollectionOptions.d.ts","sourceRoot":"","sources":["../../../src/elements/BulkUpload/useUploadCollectionOptions.ts"],"names":[],"mappings":"AAWA,wBAAgB,0BAA0B;;;;IA2CzC"}

package/dist/elements/BulkUpload/useUploadCollectionOptions.js

@@ -0,0 +1,74 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { validateMimeType } from 'payload/shared';
+import { useMemo } from 'react';
+import { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useFormsManager } from './FormsManager/index.js';
+import { useBulkUpload } from './index.js';
+export function useUploadCollectionOptions() {
+  const $ = _c(9);
+  const {
+    forms,
+    isInitializing
+  } = useFormsManager();
+  const {
+    initialFiles,
+    initialForms,
+    selectableCollections
+  } = useBulkUpload();
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== forms || $[1] !== getEntityConfig || $[2] !== i18n || $[3] !== initialFiles || $[4] !== initialForms || $[5] !== isInitializing || $[6] !== selectableCollections || $[7] !== t) {
+    const files = forms.length ? forms.map(_temp).filter(_temp2) : isInitializing ? initialFiles ? Array.from(initialFiles) : initialForms?.map(_temp3) || [] : [];
+    t0 = (selectableCollections ?? []).map(slug => {
+      const config = getEntityConfig({
+        collectionSlug: slug
+      });
+      const mimeTypes = config.upload?.mimeTypes;
+      const isCompatible = files.every(file_1 => !mimeTypes?.length || validateMimeType(file_1.type, mimeTypes));
+      const label = getTranslation(config.labels.singular, i18n);
+      return {
+        isDisabled: !isCompatible,
+        label: isCompatible ? label : `${label} (${t("general:accepts")}: ${mimeTypes?.join(", ")})`,
+        value: slug
+      };
+    });
+    $[0] = forms;
+    $[1] = getEntityConfig;
+    $[2] = i18n;
+    $[3] = initialFiles;
+    $[4] = initialForms;
+    $[5] = isInitializing;
+    $[6] = selectableCollections;
+    $[7] = t;
+    $[8] = t0;
+  } else {
+    t0 = $[8];
+  }
+  return t0;
+}
+function _temp3(t0) {
+  const {
+    file: file_0
+  } = t0;
+  return file_0;
+}
+function _temp2(file) {
+  return file instanceof File;
+}
+function _temp(t0) {
+  const {
+    formState
+  } = t0;
+  return formState?.file?.value;
+}
+//# sourceMappingURL=useUploadCollectionOptions.js.map

package/dist/elements/BulkUpload/useUploadCollectionOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadCollectionOptions.js","names":["c","_c","getTranslation","validateMimeType","useMemo","useConfig","useTranslation","useFormsManager","useBulkUpload","useUploadCollectionOptions","$","forms","isInitializing","initialFiles","initialForms","selectableCollections","getEntityConfig","i18n","t","t0","files","length","map","_temp","filter","_temp2","Array","from","_temp3","slug","config","collectionSlug","mimeTypes","upload","isCompatible","every","file_1","file","type","label","labels","singular","isDisabled","join","value","file_0","File","formState"],"sources":["../../../src/elements/BulkUpload/useUploadCollectionOptions.ts"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { validateMimeType } from 'payload/shared'\nimport { useMemo } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFormsManager } from './FormsManager/index.js'\nimport { useBulkUpload } from './index.js'\n\nexport function useUploadCollectionOptions() {\n  const { forms, isInitializing } = useFormsManager()\n  const { initialFiles, initialForms, selectableCollections } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  return useMemo(() => {\n    const files = forms.length\n      ? forms\n          .map(({ formState }) => formState?.file?.value)\n          .filter((file): file is File => file instanceof File)\n      : isInitializing\n        ? initialFiles\n          ? Array.from(initialFiles)\n          : initialForms?.map(({ file }) => file) || []\n        : []\n\n    return (selectableCollections ?? []).map((slug) => {\n      const config = getEntityConfig({ collectionSlug: slug })\n      const mimeTypes = config.upload?.mimeTypes\n      const isCompatible = files.every(\n        (file) => !mimeTypes?.length || validateMimeType(file.type, mimeTypes),\n      )\n      const label = getTranslation(config.labels.singular, i18n)\n\n      return {\n        isDisabled: !isCompatible,\n        label: isCompatible\n          ? label\n          : `${label} (${t('general:accepts')}: ${mimeTypes?.join(', ')})`,\n        value: slug,\n      }\n    })\n  }, [\n    forms,\n    getEntityConfig,\n    i18n,\n    initialFiles,\n    initialForms,\n    isInitializing,\n    selectableCollections,\n    t,\n  ])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,aAAa,QAAQ;AAE9B,OAAO,SAAAC,2BAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU,KAAA;IAAAC;EAAA,IAAkCL,eAAA;EAClC;IAAAM,YAAA;IAAAC,YAAA;IAAAC;EAAA,IAA8DP,aAAA;EAC9D;IAAAQ;EAAA,IAA4BX,SAAA;EAC5B;IAAAY,IAAA;IAAAC;EAAA,IAAoBZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAT,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAG,YAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAK,qBAAA,IAAAL,CAAA,QAAAQ,CAAA;IAGlB,MAAAE,KAAA,GAAcT,KAAA,CAAAU,MAAA,GACVV,KAAA,CAAAW,GAAA,CAAAC,KAC2C,EAAAC,MAAA,CAAAC,MACO,IAClDb,cAAA,GACEC,YAAA,GACEa,KAAA,CAAAC,IAAA,CAAWd,YAAA,IACXC,YAAA,EAAAQ,GAAA,CAAAM,MAAA,OAA2C,KAC3C;IAEDT,EAAA,IAACJ,qBAAA,MAA2B,EAAAO,GAAA,CAAAO,IAAA;MACjC,MAAAC,MAAA,GAAed,eAAA;QAAAe,cAAA,EAAkCF;MAAA,CAAK;MACtD,MAAAG,SAAA,GAAkBF,MAAA,CAAAG,MAAA,EAAAD,SAAA;MAClB,MAAAE,YAAA,GAAqBd,KAAA,CAAAe,KAAA,CAAAC,MAAA,IACT,CAACJ,SAAA,EAAAX,MAAA,IAAqBlB,gBAAA,CAAiBkC,MAAA,CAAAC,IAAA,EAAWN,SAAA;MAE9D,MAAAO,KAAA,GAAcrC,cAAA,CAAe4B,MAAA,CAAAU,MAAA,CAAAC,QAAA,EAAwBxB,IAAA;MAAA;QAAAyB,UAAA,GAGtCR,YAAA;QAAAK,KAAA,EACNL,YAAA,GACHK,KAAA,GACA,GAAGA,KAAA,KAAUrB,CAAA,CAAE,uBAAuBc,SAAA,EAAAW,IAAA,CAAgB,QAAQ;QAAAC,KAAA,EAC3Df;MAAA;IAAA,CAEX;IAAAnB,CAAA,MAAAC,KAAA;IAAAD,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAO,IAAA;IAAAP,CAAA,MAAAG,YAAA;IAAAH,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAK,qBAAA;IAAAL,CAAA,MAAAQ,CAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAfOS,EAeP;AAAA;AAhCG,SAAAS,OAAAT,EAAA;EAcwB;IAAAkB,IAAA,EAAAQ;EAAA,IAAA1B,EAAQ;EAAA,OAAKkB,MAAA;AAAA;AAdrC,SAAAZ,OAAAY,IAAA;EAAA,OAUmCA,IAAA,YAAAS,IAAgB;AAAA;AAVnD,SAAAvB,MAAAJ,EAAA;EASS;IAAA4B;EAAA,IAAA5B,EAAa;EAAA,OAAK4B,SAAA,EAAAV,IAAA,EAAAO,KAAA;AAAA","ignoreList":[]}

package/dist/elements/Button/index.css

@@ -10,7 +10,6 @@
     }
 
     border-radius: var(--button-radius);
-    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);
@@ -50,17 +49,34 @@
     }
   }
 
+  .btn--style-primary-ghost {
+    color: var(--color-text-brand);
+    background-color: transparent;
+
+    &:hover:not(.btn--disabled) {
+      background-color: var(--color-bg-brand-tertiary);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--color-bg-brand-tertiary-hover);
+    }
+
+    &.btn--disabled {
+      color: var(--color-text-disabled);
+    }
+  }
+
   .btn.btn--style-secondary {
     color: var(--color-text);
     background-color: var(--color-bg);
     border: var(--stroke-width-small) solid var(--special-border-translucent);
 
     &:hover:not(.btn--disabled) {
-      background-color: var(--color-bg-transparent-hover);
+      background-color: var(--color-bg-secondary-hover);
     }
 
     &:active:not(.btn--disabled) {
-      background-color: var(--color-bg-transparent-pressed);
+      background-color: var(--color-bg-secondary-pressed);
     }
 
     &.btn--disabled {
@@ -139,6 +155,20 @@
     }
   }
 
+  /* Selected state - primary buttons */
+  .btn.btn--style-primary.btn--selected,
+  .btn.btn--style-primary.btn--selected:hover,
+  .btn.btn--style-primary.btn--selected:active {
+    background-color: var(--color-bg-brand-pressed);
+  }
+
+  /* Selected state - primary ghost buttons */
+  .btn.btn--style-primary-ghost.btn--selected,
+  .btn.btn--style-primary-ghost.btn--selected:hover,
+  .btn.btn--style-primary-ghost.btn--selected:active {
+    background-color: var(--color-bg-brand-tertiary-hover);
+  }
+
   /* Selected state - ghost buttons */
   .btn.btn--style-ghost.btn--selected,
   .btn.btn--style-ghost.btn--selected:hover,
@@ -156,6 +186,14 @@
     border-color: var(--color-border-selected-strong);
   }
 
+  /* Selected state - pill buttons */
+  .btn.btn--style-pill.btn--selected,
+  .btn.btn--style-pill.btn--selected:hover,
+  .btn.btn--style-pill.btn--selected:active {
+    background-color: var(--color-bg-selected);
+    color: var(--color-text-selected);
+  }
+
   /* Icon */
 
   .btn__icon {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAYvC,OAAO,aAAa,CAAA;AAepB,eAAO,MAAM,cAAc,GAAI;;;;;;CAAiD,sBA4B/E,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqKlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAcvC,OAAO,aAAa,CAAA;AAgBpB,eAAO,MAAM,cAAc;;;;;;uBA4B1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkLlC,CAAA"}

package/dist/elements/Button/index.js

@@ -3,6 +3,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Fragment } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { ClipboardIcon } from '../../icons/Clipboard/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
 import { LinkIcon } from '../../icons/Link/index.js';
 import { PlusIcon } from '../../icons/Plus/index.js';
@@ -10,12 +11,14 @@ import { SpinnerIcon } from '../../icons/Spinner/index.js';
 import { SwapIcon } from '../../icons/Swap/index.js';
 import { WriteIcon } from '../../icons/Write/index.js';
 import { XIcon } from '../../icons/X/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 import { Link } from '../Link/index.js';
 import { Popup } from '../Popup/index.js';
 import './index.css';
 import { Tooltip } from '../Tooltip/index.js';
 const icons = {
   chevron: ChevronIcon,
+  clipboard: ClipboardIcon,
   edit: EditIcon,
   link: LinkIcon,
   plus: PlusIcon,
@@ -60,7 +63,11 @@ export const Button = props => {
   const {
     id,
     type = 'button',
+    'aria-controls': ariaControls,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
     'aria-label': ariaLabel,
+    'aria-pressed': ariaPressed,
     buttonStyle = 'primary',
     children,
     className,
@@ -74,6 +81,7 @@ export const Button = props => {
     margin = true,
     newTab,
     onClick,
+    onKeyDown,
     onMouseDown,
     popupIconSize,
     ref,
@@ -86,6 +94,9 @@ export const Button = props => {
     url
   } = props;
   const [showTooltip, setShowTooltip] = React.useState(false);
+  const {
+    t
+  } = useTranslation();
   // Explicit `=== true` check preserves `false` for aria-disabled attribute.
   // Using `disabled || loading` would treat `false` as falsy, omitting the attribute entirely.
   const isDisabled = disabled === true || loading === true;
@@ -103,11 +114,16 @@ export const Button = props => {
   const buttonProps = {
     id,
     type,
+    'aria-controls': ariaControls,
     'aria-disabled': isDisabled,
+    'aria-expanded': ariaExpanded,
+    'aria-haspopup': ariaHasPopup,
     'aria-label': ariaLabel,
+    'aria-pressed': ariaPressed,
     className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,
     disabled: isDisabled,
     onClick: !isDisabled ? handleClick : undefined,
+    onKeyDown: !isDisabled ? onKeyDown : undefined,
     onMouseDown: !isDisabled ? onMouseDown : undefined,
     onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,
     onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,
@@ -181,12 +197,14 @@ export const Button = props => {
         button: /*#__PURE__*/_jsx(ChevronIcon, {
           size: popupIconSize
         }),
+        buttonAriaLabel: t('general:moreOptions'),
         buttonSize: size,
         className: disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : '',
         disabled: disabled && !enableSubMenu,
         horizontalAlign: "right",
         id: `${id}-popup`,
         noBackground: true,
+        popupType: "menu",
         render: ({
           close
         }) => SubMenuPopupContent({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SpinnerIcon","SwapIcon","WriteIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","write","x","baseClass","ButtonContents","children","icon","loading","showTooltip","tooltip","BuiltInIcon","undefined","isReactIcon","_jsxs","_jsx","className","show","size","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","margin","newTab","onClick","onMouseDown","popupIconSize","ref","round","selected","SubMenuPopupContent","to","url","setShowTooltip","useState","isDisabled","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","href","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SpinnerIcon } from '../../icons/Spinner/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { WriteIcon } from '../../icons/Write/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.css'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  write: WriteIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, loading, showTooltip, tooltip }) => {\n  const BuiltInIcon = typeof icon === 'string' ? icons[icon] : undefined\n  // Check if icon is a React element (including RSC payloads) - not a string icon name\n  const isReactIcon = icon && typeof icon !== 'string'\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {loading && (\n        <span className={`${baseClass}__loading`}>\n          <SpinnerIcon />\n        </span>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isReactIcon && icon}\n            {BuiltInIcon && <BuiltInIcon size={24} />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    loading,\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    popupIconSize,\n    ref,\n    round,\n    selected,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  // Explicit `=== true` check preserves `false` for aria-disabled attribute.\n  // Using `disabled || loading` would treat `false` as falsy, omitting the attribute entirely.\n  const isDisabled = disabled === true || loading === true\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n    !margin && `${baseClass}--no-margin`,\n    loading && `${baseClass}--loading`,\n    icon && !children && `${baseClass}--icon-only`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    isDisabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    selected && `${baseClass}--selected`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': isDisabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled: isDisabled,\n    onClick: !isDisabled ? handleClick : undefined,\n    onMouseDown: !isDisabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: tooltip ? undefined : ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!isDisabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (isDisabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents\n              icon={icon}\n              loading={loading}\n              showTooltip={showTooltip}\n              tooltip={tooltip}\n            >\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...buttonProps}>\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent) {\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon size={popupIconSize} />}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"small\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Fragment","ChevronIcon","ClipboardIcon","EditIcon","LinkIcon","PlusIcon","SpinnerIcon","SwapIcon","WriteIcon","XIcon","useTranslation","Link","Popup","Tooltip","icons","chevron","clipboard","edit","link","plus","swap","write","x","baseClass","ButtonContents","children","icon","loading","showTooltip","tooltip","BuiltInIcon","undefined","isReactIcon","_jsxs","_jsx","className","show","size","Button","props","id","type","ariaControls","ariaExpanded","ariaHasPopup","ariaLabel","ariaPressed","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","margin","newTab","onClick","onKeyDown","onMouseDown","popupIconSize","ref","round","selected","SubMenuPopupContent","to","url","setShowTooltip","useState","t","isDisabled","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","href","prefetch","Tag","button","buttonAriaLabel","buttonSize","horizontalAlign","noBackground","popupType","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SpinnerIcon } from '../../icons/Spinner/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { WriteIcon } from '../../icons/Write/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.css'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  clipboard: ClipboardIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  write: WriteIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, loading, showTooltip, tooltip }) => {\n  const BuiltInIcon = typeof icon === 'string' ? icons[icon] : undefined\n  // Check if icon is a React element (including RSC payloads) - not a string icon name\n  const isReactIcon = icon && typeof icon !== 'string'\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      {loading && (\n        <span className={`${baseClass}__loading`}>\n          <SpinnerIcon />\n        </span>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isReactIcon && icon}\n            {BuiltInIcon && <BuiltInIcon size={24} />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'aria-label': ariaLabel,\n    'aria-pressed': ariaPressed,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    loading,\n    margin = true,\n    newTab,\n    onClick,\n    onKeyDown,\n    onMouseDown,\n    popupIconSize,\n    ref,\n    round,\n    selected,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n  const { t } = useTranslation()\n\n  // Explicit `=== true` check preserves `false` for aria-disabled attribute.\n  // Using `disabled || loading` would treat `false` as falsy, omitting the attribute entirely.\n  const isDisabled = disabled === true || loading === true\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n    !margin && `${baseClass}--no-margin`,\n    loading && `${baseClass}--loading`,\n    icon && !children && `${baseClass}--icon-only`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    isDisabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    selected && `${baseClass}--selected`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-controls': ariaControls,\n    'aria-disabled': isDisabled,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'aria-label': ariaLabel,\n    'aria-pressed': ariaPressed,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled: isDisabled,\n    onClick: !isDisabled ? handleClick : undefined,\n    onKeyDown: !isDisabled ? onKeyDown : undefined,\n    onMouseDown: !isDisabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: tooltip ? undefined : ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!isDisabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (isDisabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents\n              icon={icon}\n              loading={loading}\n              showTooltip={showTooltip}\n              tooltip={tooltip}\n            >\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...buttonProps}>\n          <ButtonContents icon={icon} loading={loading} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent) {\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon size={popupIconSize} />}\n          buttonAriaLabel={t('general:moreOptions')}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          popupType=\"menu\"\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"small\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,13 +1,17 @@
-import type { ElementType, MouseEvent } from 'react';
+import type { AriaAttributes, ElementType, KeyboardEventHandler, MouseEvent } from 'react';
 import type React from 'react';
 type secondaryAction = {
     label: string;
     onClick: (event: MouseEvent) => void;
 };
 export type Props = {
-    'aria-label'?: string;
+    'aria-controls'?: AriaAttributes['aria-controls'];
+    'aria-expanded'?: AriaAttributes['aria-expanded'];
+    'aria-haspopup'?: AriaAttributes['aria-haspopup'];
+    'aria-label'?: AriaAttributes['aria-label'];
+    'aria-pressed'?: AriaAttributes['aria-pressed'];
     buttonId?: string;
-    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'primary-ghost' | 'secondary';
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
@@ -27,6 +31,7 @@ export type Props = {
     margin?: boolean;
     newTab?: boolean;
     onClick?: (event: MouseEvent) => void;
+    onKeyDown?: KeyboardEventHandler;
     onMouseDown?: (event: MouseEvent) => void;
     /**
      * Size of the chevron icon in the split-button popup trigger.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAA;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EACR,QAAQ,GACR,aAAa,GACb,OAAO,GACP,MAAM,GACN,MAAM,GACN,SAAS,GACT,eAAe,GACf,WAAW,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  id?: string\n  /**\n   * Shows a loading spinner and hides content. Disables interactions.\n   */\n  loading?: boolean\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Size of the chevron icon in the split-button popup trigger.\n   * @default 24\n   */\n  popupIconSize?: 16 | 24\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  /**\n   * Applies selected/active styling (e.g., for popup triggers when popup is open)\n   */\n  selected?: boolean\n  size?: 'large' | 'medium'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAQA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { AriaAttributes, ElementType, KeyboardEventHandler, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-controls'?: AriaAttributes['aria-controls']\n  'aria-expanded'?: AriaAttributes['aria-expanded']\n  'aria-haspopup'?: AriaAttributes['aria-haspopup']\n  'aria-label'?: AriaAttributes['aria-label']\n  'aria-pressed'?: AriaAttributes['aria-pressed']\n  buttonId?: string\n  buttonStyle?:\n    | 'dashed'\n    | 'destructive'\n    | 'ghost'\n    | 'link'\n    | 'pill'\n    | 'primary'\n    | 'primary-ghost'\n    | 'secondary'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  id?: string\n  /**\n   * Shows a loading spinner and hides content. Disables interactions.\n   */\n  loading?: boolean\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onKeyDown?: KeyboardEventHandler\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Size of the chevron icon in the split-button popup trigger.\n   * @default 24\n   */\n  popupIconSize?: 16 | 24\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  /**\n   * Applies selected/active styling (e.g., for popup triggers when popup is open)\n   */\n  selected?: boolean\n  size?: 'large' | 'medium'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAQA","ignoreList":[]}

package/dist/elements/Card/index.css

@@ -1,11 +1,11 @@
 @layer payload-default {
   .card {
-    background: var(--color-bg-secondary);
-    padding: var(--spacer-2-5) var(--spacer-3);
+    background: var(--color-bg);
+    padding: var(--spacer-2-5);
     width: 100%;
     min-height: 4rem;
     position: relative;
-    border-radius: var(--radius-medium);
+    border-radius: var(--radius-large);
     border: var(--stroke-width-small) solid var(--color-border);
     display: flex;
     align-items: stretch;
@@ -14,10 +14,9 @@
 
   .card__title {
     letter-spacing: var(--text-body-medium-letter-spacing);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
     color: var(--color-text);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -36,7 +35,7 @@
     cursor: pointer;
 
     &:hover {
-      background: var(--color-bg-secondary-hover);
+      background: var(--color-bg-secondary);
     }
 
     &:has(.card__click:active) {
@@ -44,7 +43,7 @@
     }
   }
 
-  .card__click {
+  .card .card__click {
     z-index: 1;
     inset: 0;
     position: absolute;

package/dist/elements/CardGrid/index.css

@@ -0,0 +1,20 @@
+@layer payload-default {
+  .card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: var(--spacer-3);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    padding: var(--spacer-4) var(--gutter-h);
+  }
+
+  .card-grid__item {
+    min-width: 0;
+  }
+
+  .card-grid__item--selected {
+    border-radius: var(--radius-large);
+    box-shadow: 0 0 0 var(--stroke-width-medium) var(--color-border-selected);
+  }
+}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.css';
+export type CardGridProps<T> = {
+    readonly ariaLabel: string;
+    readonly className?: string;
+    readonly getItemClassName?: (item: T) => string | undefined;
+    readonly getKey: (item: T) => React.Key;
+    readonly items: readonly T[];
+    readonly renderItem: (item: T) => React.ReactNode;
+};
+/** A presentation-only responsive grid. Selection, navigation, and drag behavior belong to callers. */
+export declare const CardGrid: <T>({ ariaLabel, className, getItemClassName, getKey, items, renderItem, }: CardGridProps<T>) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CardGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IAC3D,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,GAAG,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD,CAAA;AAED,uGAAuG;AACvG,eAAO,MAAM,QAAQ,GAAI,CAAC,0EAOvB,aAAa,CAAC,CAAC,CAAC,sBAWlB,CAAA"}

package/dist/elements/CardGrid/index.js

@@ -0,0 +1,23 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.css';
+const baseClass = 'card-grid';
+/** A presentation-only responsive grid. Selection, navigation, and drag behavior belong to callers. */
+export const CardGrid = ({
+  ariaLabel,
+  className,
+  getItemClassName,
+  getKey,
+  items,
+  renderItem
+}) => /*#__PURE__*/_jsx("ul", {
+  "aria-label": ariaLabel,
+  className: [baseClass, className].filter(Boolean).join(' '),
+  children: items.map(item => /*#__PURE__*/_jsx("li", {
+    className: [`${baseClass}__item`, getItemClassName?.(item)].filter(Boolean).join(' '),
+    children: renderItem(item)
+  }, getKey(item)))
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","CardGrid","ariaLabel","className","getItemClassName","getKey","items","renderItem","_jsx","filter","Boolean","join","map","item"],"sources":["../../../src/elements/CardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'card-grid'\n\nexport type CardGridProps<T> = {\n  readonly ariaLabel: string\n  readonly className?: string\n  readonly getItemClassName?: (item: T) => string | undefined\n  readonly getKey: (item: T) => React.Key\n  readonly items: readonly T[]\n  readonly renderItem: (item: T) => React.ReactNode\n}\n\n/** A presentation-only responsive grid. Selection, navigation, and drag behavior belong to callers. */\nexport const CardGrid = <T,>({\n  ariaLabel,\n  className,\n  getItemClassName,\n  getKey,\n  items,\n  renderItem,\n}: CardGridProps<T>) => (\n  <ul aria-label={ariaLabel} className={[baseClass, className].filter(Boolean).join(' ')}>\n    {items.map((item) => (\n      <li\n        className={[`${baseClass}__item`, getItemClassName?.(item)].filter(Boolean).join(' ')}\n        key={getKey(item)}\n      >\n        {renderItem(item)}\n      </li>\n    ))}\n  </ul>\n)\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB;AACA,OAAO,MAAMC,QAAA,GAAWA,CAAK;EAC3BC,SAAS;EACTC,SAAS;EACTC,gBAAgB;EAChBC,MAAM;EACNC,KAAK;EACLC;AAAU,CACO,kBACjBC,IAAA,CAAC;EAAG,cAAYN,SAAA;EAAWC,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;YAC/EL,KAAA,CAAMM,GAAG,CAAEC,IAAA,iBACVL,IAAA,CAAC;IACCL,SAAA,EAAW,CAAC,GAAGH,SAAA,QAAiB,EAAEI,gBAAA,GAAmBS,IAAA,EAAM,CAACJ,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAGhFJ,UAAA,CAAWM,IAAA;KAFPR,MAAA,CAAOQ,IAAA","ignoreList":[]}

package/dist/elements/Chip/index.css

@@ -6,11 +6,10 @@
     gap: 0;
     border-radius: var(--button-radius);
     border: var(--stroke-width-small) solid var(--color-border);
-    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(--text-default);
+    color: var(--color-text);
     background-color: var(--color-bg);
     user-select: none;
 

package/dist/elements/ClipboardAction/ClipboardActionLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardActionLabel.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,GAAI,qBAGlC;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,gCAiBA,CAAA"}
+{"version":3,"file":"ClipboardActionLabel.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/ClipboardActionLabel.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,wBAG9B;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,gCAiBA,CAAA"}