@payloadcms/ui 3.0.0-canary.b922438 → 3.0.0-canary.bb00d64

package/dist/views/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","LinkImport","useRouter","formatFilesize","isNumber","React","Fragment","useEffect","useState","useBulkUpload","Button","DeleteMany","EditMany","Gutter","ListControls","useListDrawerContext","ListSelection","useModal","Pagination","PerPage","PublishMany","RenderCustomComponent","StaggeredShimmers","useStepNav","RelationshipProvider","TableColumnsProvider","UnpublishMany","ViewDescription","useAuth","useConfig","useEditDepth","useListQuery","SelectionProvider","useServerFunctions","useTranslation","useWindowInfo","ListHeader","baseClass","Link","default","DefaultListView","props","$","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","enableRowSelections","hasCreatePermission","listPreferences","newDocumentURL","preferenceKey","renderedFilters","Table","InitialTable","setTable","createNewDrawerSlug","drawerSlug","listDrawerSlug","t0","t1","payloadServerAction","user","getEntityConfig","router","data","defaultLimit","initialLimit","handlePageChange","handlePerPageChange","query","openModal","setCollectionSlug","setOnSuccess","bulkUploadDrawerSlug","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isInDrawer","i18n","t","drawerDepth","setStepNav","breakpoints","t2","s","smallBreak","getNewConfig","languageCode","language","docs","map","_temp","t3","refresh","openBulkUpload","label","plural","t4","length","_jsx","children","className","_jsxs","totalDocs","CustomComponent","Fallback","description","admin","join","count","el","onClick","singular","to","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","pagination","resetPage","pagingCounter","collection","doc","filesize"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, StaticDescription } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport LinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport type { Column } from '../../elements/Table/index.js'\nimport type { ListPreferences } from './types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DeleteMany } from '../../elements/DeleteMany/index.js'\nimport { EditMany } from '../../elements/EditMany/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { ListSelection } from '../../elements/ListSelection/index.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { PublishMany } from '../../elements/PublishMany/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { StaggeredShimmers } from '../../elements/ShimmerEffect/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { TableColumnsProvider } from '../../elements/TableColumns/index.js'\nimport { UnpublishMany } from '../../elements/UnpublishMany/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport './index.scss'\nimport { ListHeader } from './ListHeader/index.js'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport type ListViewSlots = {\n  AfterList?: React.ReactNode\n  AfterListTable?: React.ReactNode\n  BeforeList?: React.ReactNode\n  BeforeListTable?: React.ReactNode\n  Description?: React.ReactNode\n  Table: React.ReactNode\n}\n\nexport type ListViewClientProps = {\n  beforeActions?: React.ReactNode[]\n  collectionSlug: string\n  columnState: Column[]\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  enableRowSelections?: boolean\n  hasCreatePermission: boolean\n  listPreferences?: ListPreferences\n  newDocumentURL: string\n  preferenceKey?: string\n  renderedFilters?: Map<string, React.ReactNode>\n} & ListViewSlots\n\nexport const DefaultListView: React.FC<ListViewClientProps> = (props) => {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    enableRowSelections,\n    hasCreatePermission,\n    listPreferences,\n    newDocumentURL,\n    preferenceKey,\n    renderedFilters,\n    Table: InitialTable,\n  } = props\n\n  const [Table, setTable] = useState(InitialTable)\n\n  const { createNewDrawerSlug, drawerSlug: listDrawerSlug } = useListDrawerContext()\n\n  useEffect(() => {\n    if (InitialTable) {\n      setTable(InitialTable)\n    }\n  }, [InitialTable])\n\n  const payloadServerAction = useServerFunctions()\n\n  const { user } = useAuth()\n\n  const { getEntityConfig } = useConfig()\n  const router = useRouter()\n\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n  const { openModal } = useModal()\n  const { setCollectionSlug, setOnSuccess } = useBulkUpload()\n  const { drawerSlug: bulkUploadDrawerSlug } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isInDrawer = Boolean(listDrawerSlug)\n\n  const { i18n, t } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  useEffect(() => {\n    if (!collectionConfig) {\n      const getNewConfig = async () => {\n        // @ts-expect-error eslint-disable-next-line\n        const res = (await payloadServerAction('render-config', {\n          collectionSlug,\n          languageCode: i18n.language,\n        })) as any as ClientCollectionConfig\n      }\n\n      void getNewConfig()\n    }\n  }, [payloadServerAction, collectionConfig, collectionSlug, data, i18n])\n\n  let docs = data.docs || []\n\n  if (isUploadCollection) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider\n        collectionSlug={collectionSlug}\n        columnState={columnState}\n        docs={data.docs}\n        enableRowSelections={enableRowSelections}\n        listPreferences={listPreferences}\n        preferenceKey={preferenceKey}\n        setTable={setTable}\n      >\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={data.docs} totalDocs={data.totalDocs} user={user}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <ListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription description={collectionConfig?.admin?.description} />\n                      }\n                    />\n                  </div>\n                }\n                hasCreatePermission={hasCreatePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                t={t}\n              />\n              <ListControls\n                beforeActions={beforeActions}\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                renderedFilters={renderedFilters}\n              />\n              {BeforeListTable}\n              {!data.docs && (\n                <StaggeredShimmers\n                  className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n                  count={6}\n                />\n              )}\n              {data.docs && data.docs.length > 0 && (\n                <RelationshipProvider>{Table}</RelationshipProvider>\n              )}\n              {data.docs && data.docs.length === 0 && (\n                <div className={`${baseClass}__no-results`}>\n                  <p>\n                    {i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}\n                  </p>\n                  {hasCreatePermission && newDocumentURL && (\n                    <Fragment>\n                      {isInDrawer ? (\n                        <Button el=\"button\" onClick={() => openModal(createNewDrawerSlug)}>\n                          {i18n.t('general:createNewLabel', {\n                            label: getTranslation(labels?.singular, i18n),\n                          })}\n                        </Button>\n                      ) : (\n                        <Button el=\"link\" Link={Link} to={newDocumentURL}>\n                          {i18n.t('general:createNewLabel', {\n                            label: getTranslation(labels?.singular, i18n),\n                          })}\n                        </Button>\n                      )}\n                    </Fragment>\n                  )}\n                </div>\n              )}\n              {AfterListTable}\n              {data.docs && data.docs.length > 0 && (\n                <div className={`${baseClass}__page-controls`}>\n                  <Pagination\n                    hasNextPage={data.hasNextPage}\n                    hasPrevPage={data.hasPrevPage}\n                    limit={data.limit}\n                    nextPage={data.nextPage}\n                    numberOfNeighbors={1}\n                    onChange={(page) => void handlePageChange(page)}\n                    page={data.page}\n                    prevPage={data.prevPage}\n                    totalPages={data.totalPages}\n                  />\n                  {data?.totalDocs > 0 && (\n                    <Fragment>\n                      <div className={`${baseClass}__page-info`}>\n                        {data.page * data.limit - (data.limit - 1)}-\n                        {data.totalPages > 1 && data.totalPages !== data.page\n                          ? data.limit * data.page\n                          : data.totalDocs}{' '}\n                        {i18n.t('general:of')} {data.totalDocs}\n                      </div>\n                      <PerPage\n                        handleChange={(limit) => void handlePerPageChange(limit)}\n                        limit={isNumber(query?.limit) ? Number(query.limit) : initialLimit}\n                        limits={collectionConfig?.admin?.pagination?.limits}\n                        resetPage={data.totalDocs <= data.pagingCounter}\n                      />\n                      {smallBreak && (\n                        <div className={`${baseClass}__list-selection`}>\n                          <ListSelection\n                            label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          />\n                          <div className={`${baseClass}__list-selection-actions`}>\n                            {beforeActions && beforeActions}\n                            {!disableBulkEdit && (\n                              <Fragment>\n                                <EditMany collection={collectionConfig} />\n                                <PublishMany collection={collectionConfig} />\n                                <UnpublishMany collection={collectionConfig} />\n                              </Fragment>\n                            )}\n                            {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n                          </div>\n                        </div>\n                      )}\n                    </Fragment>\n                  )}\n                </div>\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/index.scss

@@ -0,0 +1,179 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-list {
+    width: 100%;
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+
+      .btn--withoutPopup,
+      .btn--withPopup {
+        position: relative;
+        margin: 0 0 base(0.2);
+      }
+    }
+
+    &__sub-header {
+      flex-basis: 100%;
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+
+        [class^='cell'] > p,
+        [class^='cell'] > span,
+        [class^='cell'] > a {
+          line-clamp: 4;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
+          display: -webkit-box;
+          max-width: 100vw;
+        }
+
+        #heading-_select,
+        .cell-_select {
+          display: flex;
+          min-width: unset;
+        }
+      }
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: base(1);
+        margin-left: auto;
+      }
+      [dir='rtl'] & {
+        margin-left: base(1);
+        margin-right: auto;
+      }
+    }
+
+    &__list-selection {
+      position: fixed;
+      bottom: 0;
+      z-index: 10;
+      padding: base(0.8) 0;
+      width: 100%;
+      background-color: var(--theme-bg);
+
+      .btn {
+        margin: 0 0 0 base(0.4);
+      }
+
+      .btn {
+        background-color: var(--theme-elevation-100);
+        cursor: pointer;
+        padding: 0 base(0.4);
+        border-radius: $style-radius-s;
+
+        &:hover {
+          background-color: var(--theme-elevation-200);
+        }
+      }
+    }
+
+    &__list-selection-actions {
+      display: flex;
+      gap: base(0.25);
+    }
+
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__header {
+        gap: base(0.5);
+      }
+
+      &__sub-header {
+        margin-top: 0;
+      }
+
+      &__search-input {
+        margin: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        margin-left: 0;
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: $baseline;
+      }
+    }
+
+    @include small-break {
+      margin-bottom: base(2.4);
+    }
+  }
+}

package/dist/views/List/types.d.ts

@@ -0,0 +1,15 @@
+import type { SanitizedCollectionConfig } from 'payload';
+import type { ColumnPreferences } from '../../providers/ListQuery/index.js';
+export type DefaultListViewProps = {
+    collectionSlug: SanitizedCollectionConfig['slug'];
+    listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields'];
+};
+export type ListIndexProps = {
+    collection: SanitizedCollectionConfig;
+};
+export type ListPreferences = {
+    columns: ColumnPreferences;
+    limit: number;
+    sort: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/views/List/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAE3E,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAA;CACjF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,yBAAyB,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/views/List/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/List/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/views/List/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nimport type { ColumnPreferences } from '../../providers/ListQuery/index.js'\n\nexport type DefaultListViewProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n  listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields']\n}\n\nexport type ListIndexProps = {\n  collection: SanitizedCollectionConfig\n}\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n  limit: number\n  sort: string\n}\n"],"mappings":"AAaA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-canary.b922438",
+  "version": "3.0.0-canary.bb00d64",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -21,13 +21,18 @@
       "default": "./dist/exports/shared/index.js"
     },
     "./css": {
-      "import": "./dist/prod/styles.css",
-      "default": "./dist/prod/styles.css"
+      "import": "./dist/styles.css",
+      "default": "./dist/styles.css"
     },
     "./scss": {
       "import": "./dist/scss/styles.scss",
       "default": "./dist/scss/styles.scss"
     },
+    "./rsc": {
+      "import": "./dist/exports/rsc/index.js",
+      "types": "./dist/exports/rsc/index.d.ts",
+      "default": "./dist/exports/rsc/index.js"
+    },
     "./scss/app.scss": "./dist/scss/app.scss",
     "./styles.css": "./dist/styles.css",
     "./assets": {
@@ -35,6 +40,11 @@
       "types": "./dist/assets/index.d.ts",
       "default": "./dist/assets/index.js"
     },
+    "./elements/RenderServerComponent": {
+      "import": "./dist/elements/RenderServerComponent/index.js",
+      "types": "./dist/elements/RenderServerComponent/index.d.ts",
+      "default": "./dist/elements/RenderServerComponent/index.js"
+    },
     "./elements/*": {
       "import": "./dist/elements/*/index.js",
       "types": "./dist/elements/*/index.d.ts",
@@ -87,7 +97,7 @@
     "@faceless-ui/modal": "3.0.0-beta.2",
     "@faceless-ui/scroll-info": "2.0.0-beta.0",
     "@faceless-ui/window-info": "3.0.0-beta.0",
-    "@monaco-editor/react": "4.5.1",
+    "@monaco-editor/react": "4.6.0",
     "body-scroll-lock": "4.0.0-beta.0",
     "bson-objectid": "2.0.4",
     "date-fns": "3.3.1",
@@ -99,11 +109,12 @@
     "react-datepicker": "6.9.0",
     "react-image-crop": "10.1.8",
     "react-select": "5.8.0",
-    "scheduler": "0.25.0-rc-f994737d14-20240522",
+    "scheduler": "0.0.0-experimental-3edc000d-20240926",
     "sonner": "^1.5.0",
+    "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.0.0-canary.b922438"
+    "@payloadcms/translations": "3.0.0-canary.bb00d64"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.5",
@@ -113,40 +124,42 @@
     "@babel/preset-typescript": "^7.24.1",
     "@hyrious/esbuild-plugin-commonjs": "^0.2.4",
     "@types/body-scroll-lock": "^3.1.0",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-datepicker": "6.2.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "@types/uuid": "10.0.0",
-    "babel-plugin-react-compiler": "0.0.0-experimental-592953e-20240517",
-    "esbuild": "0.23.0",
+    "babel-plugin-react-compiler": "0.0.0-experimental-24ec0eb-20240918",
+    "esbuild": "0.23.1",
     "esbuild-sass-plugin": "3.3.1",
-    "payload": "3.0.0-canary.b922438",
-    "@payloadcms/eslint-config": "3.0.0-beta.59"
+    "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
+    "payload": "3.0.0-canary.bb00d64",
+    "@payloadcms/eslint-config": "3.0.0-beta.112"
   },
   "peerDependencies": {
-    "next": "^15.0.0-canary.104",
-    "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
-    "payload": "3.0.0-canary.b922438"
+    "next": "^15.0.0",
+    "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
+    "payload": "3.0.0-canary.bb00d64"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"
   },
   "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
   },
   "scripts": {
-    "build": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:esbuild",
-    "build:babel": "babel src --out-dir dist --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs",
-    "build:esbuild": "node bundle.js",
-    "build:reactcompiler": "pnpm copyfiles && pnpm build:babel && pnpm build:types",
+    "build": "pnpm build:reactcompiler",
+    "build:babel": "rm -rf dist_optimized && babel dist --out-dir dist_optimized --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs && rm -rf dist && mv dist_optimized dist",
+    "build:esbuild": "node bundle.js && rm -rf dist/exports/client && mv dist/exports/client_optimized dist/exports/client",
+    "build:reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm build:swc && pnpm build:babel && pnpm copyfiles && pnpm build:esbuild && pnpm build:types",
     "build:remove-artifact": "rm dist/prod/index.js",
     "build:swc": "swc ./src -d dist --config-file .swcrc --strip-leading-paths",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "build:without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc",
     "clean": "rimraf {dist,*.tsbuildinfo}",
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
-    "lint": "eslint \"src/**/*.{ts,tsx}\""
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   }
 }

package/dist/elements/FileDetails/index.scss

@@ -1,131 +0,0 @@
-@import '../../scss/styles.scss';
-
-.file-details {
-  background: var(--theme-elevation-50);
-  border: 1px solid var(--theme-border-color);
-  border-radius: var(--style-radius-m);
-  @include inputShadow;
-
-  header {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-  }
-
-  &__remove {
-    position: absolute;
-    margin: 0;
-    top: $baseline;
-    right: $baseline;
-
-    & .btn__icon {
-      border: 1px solid var(--theme-border-color);
-      background: var(--theme-input-bg);
-      @include inputShadow;
-      transition: border 100ms cubic-bezier(0, 0.2, 0.2, 1);
-
-      &:hover {
-        border: 1px solid var(--theme-elevation-400);
-      }
-    }
-  }
-
-  &__main-detail {
-    padding: base(0.8) base(1.2);
-    width: auto;
-    flex-grow: 1;
-    min-width: 280px;
-    max-width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-self: stretch;
-    gap: base(0.2);
-  }
-
-  &__toggle-more-info {
-    font-weight: 600;
-    text-decoration: none;
-
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
-    }
-  }
-
-  &__toggle-icon {
-    padding: calc(var(--base) / 4);
-  }
-
-  &__sizes {
-    margin: 0;
-    padding: base(1.5) $baseline 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-
-    li {
-      width: 50%;
-      padding: 0 base(0.5);
-      margin-bottom: $baseline;
-    }
-  }
-
-  &__size-label {
-    color: var(--theme-elevation-400);
-  }
-
-  &__file-mutation {
-    display: flex;
-    margin-top: base(0.25);
-    gap: calc(var(--base) / 2);
-  }
-
-  &__edit {
-    cursor: pointer;
-    background-color: var(--theme-elevation-150);
-    border: none;
-    border-radius: $style-radius-m;
-    padding: base(0.25) base(0.5);
-
-    &:hover {
-      background-color: var(--theme-elevation-100);
-    }
-  }
-
-  @include large-break {
-    &__main-detail {
-      padding: $baseline;
-    }
-
-    &__sizes {
-      display: block;
-      padding: $baseline $baseline base(0.5);
-
-      li {
-        padding: 0;
-        width: 100%;
-      }
-    }
-  }
-
-  @include mid-break {
-    header {
-      flex-wrap: wrap;
-    }
-
-    .thumbnail {
-      width: 50%;
-      order: 1;
-    }
-
-    &__remove {
-      order: 2;
-    }
-
-    &__main-detail {
-      order: 3;
-      width: 100%;
-    }
-  }
-}

package/dist/elements/ListDrawer/index.scss

@@ -1,110 +0,0 @@
-@import '../../scss/styles.scss';
-
-.list-drawer {
-  &__header {
-    margin-top: base(2.5);
-    width: 100%;
-
-    @include mid-break {
-      margin-top: base(1.5);
-    }
-  }
-
-  &__header-wrap {
-    display: flex;
-    gap: base(1);
-  }
-
-  &__header-content {
-    display: flex;
-    flex-wrap: wrap;
-    flex-grow: 1;
-    align-items: flex-start;
-
-    button .pill {
-      pointer-events: none;
-      margin: 0;
-      top: 4px;
-      margin-left: base(0.5);
-    }
-  }
-
-  &__header-text {
-    margin: 0;
-  }
-
-  &__header-close {
-    flex-shrink: 0;
-  }
-
-  &__toggler {
-    background: transparent;
-    border: 0;
-    padding: 0;
-    cursor: pointer;
-    color: inherit;
-
-    &:focus:not(:focus-visible),
-    &:focus-within:not(:focus-visible) {
-      outline: none;
-    }
-
-    &:disabled {
-      pointer-events: none;
-    }
-  }
-
-  &__header-close {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-    overflow: hidden;
-    width: base(1);
-    height: base(1);
-
-    svg {
-      width: base(2);
-      height: base(2);
-      position: relative;
-      inset-inline-start: base(-0.5);
-      top: base(-0.5);
-
-      .stroke {
-        stroke-width: 2px;
-        vector-effect: non-scaling-stroke;
-      }
-    }
-  }
-
-  &__select-collection-wrap {
-    margin-top: base(1);
-  }
-
-  &__first-cell {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    text-decoration: underline;
-    text-align: left;
-    white-space: nowrap;
-  }
-
-  @include mid-break {
-    .collection-list__header {
-      margin-bottom: base(0.5);
-    }
-
-    &__select-collection-wrap {
-      margin-top: calc(var(--base) / 2);
-    }
-
-    &__header-content {
-      button .pill {
-        top: 2px;
-      }
-    }
-  }
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export type RenderCustomComponentProps = {
-    CustomComponent?: React.ComponentType<any>;
-    DefaultComponent: React.ComponentType<any>;
-    componentProps?: Record<string, any>;
-};
-export declare const RenderCustomClientComponent: React.FC<RenderCustomComponentProps>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/RenderCustomClientComponent/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,0BAA0B,GAAG;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC1C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAY5E,CAAA"}

package/dist/elements/RenderCustomClientComponent/index.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export const RenderCustomClientComponent = (props)=>{
-    const { CustomComponent, DefaultComponent, componentProps = {} } = props;
-    if (CustomComponent) {
-        return /*#__PURE__*/ _jsx(CustomComponent, {
-            ...componentProps
-        });
-    }
-    if (DefaultComponent) {
-        return /*#__PURE__*/ _jsx(DefaultComponent, {
-            ...componentProps
-        });
-    }
-    return null;
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/RenderCustomClientComponent/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport type RenderCustomComponentProps = {\n  CustomComponent?: React.ComponentType<any>\n  DefaultComponent: React.ComponentType<any>\n  componentProps?: Record<string, any>\n}\n\nexport const RenderCustomClientComponent: React.FC<RenderCustomComponentProps> = (props) => {\n  const { CustomComponent, DefaultComponent, componentProps = {} } = props\n\n  if (CustomComponent) {\n    return <CustomComponent {...componentProps} />\n  }\n\n  if (DefaultComponent) {\n    return <DefaultComponent {...componentProps} />\n  }\n\n  return null\n}\n"],"names":["React","RenderCustomClientComponent","props","CustomComponent","DefaultComponent","componentProps"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAQzB,OAAO,MAAMC,8BAAoE,CAACC;IAChF,MAAM,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,iBAAiB,CAAC,CAAC,EAAE,GAAGH;IAEnE,IAAIC,iBAAiB;QACnB,qBAAO,KAACA;YAAiB,GAAGE,cAAc;;IAC5C;IAEA,IAAID,kBAAkB;QACpB,qBAAO,KAACA;YAAkB,GAAGC,cAAc;;IAC7C;IAEA,OAAO;AACT,EAAC"}