@byline/host-tanstack-start 1.1.0 → 1.2.0

package/dist/admin-shell/admin-roles/container.js

@@ -2,8 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
-import { Button, CloseIcon, Drawer, IconButton, Modal, useToastManager } from "@byline/ui";
-import { LocalDateTime, RolePermissions, UpdateRole } from "@byline/ui/react";
+import { Button, CloseIcon, Drawer, IconButton, LocalDateTime, Modal, RolePermissions, UpdateRole, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import container_module from "./container.module.js";
 import { DeleteRole } from "./delete.js";

package/dist/admin-shell/admin-roles/delete.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
-import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui";
+import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui/react";
 import classnames from "classnames";
 import { deleteAdminRole } from "../../server-fns/admin-roles/index.js";
 import { useNavigate } from "../chrome/loose-router.js";

package/dist/admin-shell/admin-roles/list.js

@@ -2,8 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useRouter } from "@tanstack/react-router";
-import { Button, CloseIcon, Container, DraggableSortable, Drawer, GripperVerticalIcon, IconButton, LoaderEllipsis, PlusIcon, Section, Table, moveItem, useSortable, useToastManager } from "@byline/ui";
-import { CreateAdminRole, LocalDateTime } from "@byline/ui/react";
+import { Button, CloseIcon, Container, CreateAdminRole, DraggableSortable, Drawer, GripperVerticalIcon, IconButton, LoaderEllipsis, LocalDateTime, PlusIcon, Section, Table, moveItem, useSortable, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import { reorderAdminRoles } from "../../server-fns/admin-roles/reorder.js";
 import { Link } from "../chrome/loose-router.js";

package/dist/admin-shell/admin-users/container.js

@@ -2,8 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
-import { Button, CloseIcon, Drawer, EditIcon, IconButton, Modal, useToastManager } from "@byline/ui";
-import { LocalDateTime, SetPassword, UpdateUser, UserRoles } from "@byline/ui/react";
+import { Button, CloseIcon, Drawer, EditIcon, IconButton, LocalDateTime, Modal, SetPassword, UpdateUser, UserRoles, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import container_module from "./container.module.js";
 import { DeleteUser } from "./delete.js";

package/dist/admin-shell/admin-users/delete.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter } from "@tanstack/react-router";
-import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui";
+import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui/react";
 import classnames from "classnames";
 import { deleteAdminUser } from "../../server-fns/admin-users/index.js";
 import { useNavigate } from "../chrome/loose-router.js";

package/dist/admin-shell/admin-users/list.js

@@ -2,8 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter, useRouterState } from "@tanstack/react-router";
-import { CloseIcon, Container, Drawer, IconButton, PlusIcon, Search, Section, Select, Table, useToastManager } from "@byline/ui";
-import { CreateAdminUser, LocalDateTime } from "@byline/ui/react";
+import { CloseIcon, Container, CreateAdminUser, Drawer, IconButton, LocalDateTime, PlusIcon, Search, Section, Select, Table, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";

package/dist/admin-shell/chrome/admin-app-bar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button } from "@byline/ui";
+import { Button } from "@byline/ui/react";
 import classnames from "classnames";
 import { adminSignOut } from "../../server-fns/auth/index.js";
 import admin_app_bar_module from "./admin-app-bar.module.js";

package/dist/admin-shell/chrome/dashboard.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getClientConfig, getWorkflowStatuses } from "@byline/core";
-import { Card, Container, Section } from "@byline/ui";
+import { Card, Container, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import dashboard_module from "./dashboard.module.js";
 import { Link } from "./loose-router.js";

package/dist/admin-shell/chrome/drawer-toggle.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { IconButton, Tooltip } from "@byline/ui";
+import { IconButton, Tooltip } from "@byline/ui/react";
 import classnames from "classnames";
 import drawer_toggle_module from "./drawer-toggle.module.js";
 import { useAdminMenu } from "./menu-provider.js";

package/dist/admin-shell/chrome/menu-drawer.js

@@ -3,7 +3,7 @@ import { useRouterState } from "@tanstack/react-router";
 import { ADMIN_PERMISSIONS_ABILITIES } from "@byline/admin/admin-permissions";
 import { ADMIN_ROLES_ABILITIES } from "@byline/admin/admin-roles";
 import { ADMIN_USERS_ABILITIES } from "@byline/admin/admin-users";
-import { HomeIcon, RolesIcon, SettingsSlidersIcon, UserIcon, UsersIcon } from "@byline/ui";
+import { HomeIcon, RolesIcon, SettingsSlidersIcon, UserIcon, UsersIcon } from "@byline/ui/react";
 import classnames from "classnames";
 import { useSwipeable } from "react-swipeable";
 import { useAbilities } from "../../integrations/abilities.js";

package/dist/admin-shell/chrome/preview-toggle.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { EyeClosedIcon, EyeOpenIcon } from "@byline/ui";
+import { EyeClosedIcon, EyeOpenIcon } from "@byline/ui/react";
 import classnames from "classnames";
 import { disablePreviewModeFn, enablePreviewModeFn, getPreviewStateFn } from "../../server-fns/preview/index.js";
 function PreviewToggle({ compact }) {

package/dist/admin-shell/chrome/route-error.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRouter } from "@tanstack/react-router";
 import { BylineError, ErrorCodes } from "@byline/core";
-import { Alert, Button, Container, Section } from "@byline/ui";
+import { Alert, Button, Container, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import route_error_module from "./route-error.module.js";
 const ERROR_TITLES = {

package/dist/admin-shell/chrome/router-pager.d.ts

@@ -5,7 +5,7 @@
  *
  * Copyright (c) Infonomic Company Limited
  */
-import type { PaginationProps } from '@byline/ui';
+import type { PaginationProps } from '@byline/ui/react';
 interface RouterPageProps extends PaginationProps {
     smoothScrollToTop?: boolean;
 }

package/dist/admin-shell/chrome/router-pager.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useRouterState } from "@tanstack/react-router";
-import { ChevronLeftDoubleIcon, ChevronLeftIcon, ChevronRightDoubleIcon, ChevronRightIcon, Pagination } from "@byline/ui";
+import { ChevronLeftDoubleIcon, ChevronLeftIcon, ChevronRightDoubleIcon, ChevronRightIcon, Pagination } from "@byline/ui/react";
 import { Link } from "./loose-router.js";
 function RouterPager({ className, smoothScrollToTop, 'aria-label': ariaLabel, ...rest }) {
     const location = useRouterState({

package/dist/admin-shell/chrome/th-sortable.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useRouterState } from "@tanstack/react-router";
-import { Table } from "@byline/ui";
+import { Table } from "@byline/ui/react";
 import classnames from "classnames";
 import { useNavigate } from "./loose-router.js";
 import { SortAscendingIcon, SortDescendingIcon, SortNeutralIcon } from "./sort-icons.js";

package/dist/admin-shell/collections/api.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Container, Section } from "@byline/ui";
+import { Container, Section } from "@byline/ui/react";
 import classnames from "classnames";
 import { JsonView, allExpanded, darkStyles } from "react-json-view-lite";
 import api_module from "./api.module.js";

package/dist/admin-shell/collections/create.js

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { Container, Section, useToastManager } from "@byline/ui";
-import { FormRenderer } from "@byline/ui/react";
+import { Container, FormRenderer, Section, useToastManager } from "@byline/ui/react";
 import { createCollectionDocument } from "../../server-fns/collections/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import { useTanStackNavigationGuard } from "./tanstack-navigation-guard.js";

package/dist/admin-shell/collections/edit.js

@@ -1,8 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { getDefaultStatus, getWorkflowStatuses } from "@byline/core";
-import { Container, Section, useToastManager } from "@byline/ui";
-import { FormRenderer } from "@byline/ui/react";
+import { Container, FormRenderer, Section, useToastManager } from "@byline/ui/react";
 import { deleteDocument, unpublishDocument, updateCollectionDocumentWithPatches, updateDocumentStatus } from "../../server-fns/collections/index.js";
 import { useNavigate } from "../chrome/loose-router.js";
 import { useTanStackNavigationGuard } from "./tanstack-navigation-guard.js";

package/dist/admin-shell/collections/history.js

@@ -1,14 +1,14 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, lazy, useState } from "react";
 import { useParams, useRouterState } from "@tanstack/react-router";
-import { Container, IconButton, Section, Select, Table } from "@byline/ui";
-import { StatusBadge, renderFormatted } from "@byline/ui/react";
+import { Button, CloseIcon, Container, IconButton, Modal, Section, Select, StatusBadge, Table, renderFormatted } from "@byline/ui/react";
 import classnames from "classnames";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";
 import { TableHeadingCellSortable } from "../chrome/th-sortable.js";
 import { formatNumber } from "../chrome/utils.js";
 import history_module from "./history.module.js";
+import { RestoreVersionModal } from "./restore-version-modal.js";
 import { ViewMenu } from "./view-menu.js";
 function getColumnValue(document, fieldName) {
     if (document.fields && fieldName in document.fields) return document.fields[fieldName];
@@ -52,6 +52,8 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, workflowStatuses
     });
     const locale = location.search.locale;
     const [selectedVersion, setSelectedVersion] = useState(null);
+    const [restoreTarget, setRestoreTarget] = useState(null);
+    const currentVersionId = currentDocument && 'string' == typeof currentDocument.versionId ? currentDocument.versionId : null;
     function handleOnPageSizeChange(value) {
         if ('string' != typeof value || 0 === value.length) return;
         const params = structuredClone(location.search);
@@ -120,14 +122,26 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, workflowStatuses
                                                         scope: "col",
                                                         className: classnames('byline-coll-history-col-version', history_module.colVersion)
                                                     }),
-                                                    columns.map((column)=>/*#__PURE__*/ jsx(TableHeadingCellSortable, {
+                                                    columns.flatMap((column)=>{
+                                                        const cell = /*#__PURE__*/ jsx(TableHeadingCellSortable, {
                                                             fieldName: String(column.fieldName),
                                                             label: column.label,
                                                             sortable: column.sortable,
                                                             scope: "col",
                                                             align: column.align,
                                                             className: column.className
-                                                        }, String(column.fieldName)))
+                                                        }, String(column.fieldName));
+                                                        if ('title' === column.fieldName) return [
+                                                            cell,
+                                                            /*#__PURE__*/ jsx("th", {
+                                                                scope: "col",
+                                                                className: classnames('byline-coll-history-col-restore', history_module.colRestore)
+                                                            }, "__restore")
+                                                        ];
+                                                        return [
+                                                            cell
+                                                        ];
+                                                    })
                                                 ]
                                             })
                                         }),
@@ -154,7 +168,8 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, workflowStatuses
                                                                 children: versionNumber
                                                             }) : null
                                                         }),
-                                                        columns.map((column)=>/*#__PURE__*/ jsx(Table.Cell, {
+                                                        columns.flatMap((column)=>{
+                                                            const dataCell = /*#__PURE__*/ jsx(Table.Cell, {
                                                                 className: classnames({
                                                                     'byline-coll-history-cell-right': 'right' === column.align,
                                                                     [history_module.cellRight]: 'right' === column.align,
@@ -180,7 +195,31 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, workflowStatuses
                                                                     status: document.status,
                                                                     workflowStatuses: workflowStatuses
                                                                 }) : resolveDisplayValue(getColumnValue(document, column.fieldName), locale, defaultContentLocale) || ''
-                                                            }, String(column.fieldName)))
+                                                            }, String(column.fieldName));
+                                                            if ('title' === column.fieldName) return [
+                                                                dataCell,
+                                                                /*#__PURE__*/ jsx(Table.Cell, {
+                                                                    className: classnames('byline-coll-history-restore-cell', history_module.restoreCell),
+                                                                    children: versionId && versionId !== currentVersionId ? /*#__PURE__*/ jsx(Button, {
+                                                                        type: "button",
+                                                                        variant: "outlined",
+                                                                        size: "xs",
+                                                                        intent: "noeffect",
+                                                                        onClick: ()=>setRestoreTarget({
+                                                                                versionId,
+                                                                                label: new Date(document.createdAt).toLocaleString(),
+                                                                                versionNumber
+                                                                            }),
+                                                                        className: classnames('byline-coll-history-restore-button', history_module.restoreButton),
+                                                                        title: "Restore this version as the current draft",
+                                                                        children: "Restore"
+                                                                    }) : null
+                                                                }, "__restore")
+                                                            ];
+                                                            return [
+                                                                dataCell
+                                                            ];
+                                                        })
                                                     ]
                                                 }, versionId ?? document.id);
                                             })
@@ -245,6 +284,43 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, workflowStatuses
                     currentDocument: currentDocument,
                     locale: locale
                 })
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                isOpen: null != restoreTarget,
+                onDismiss: ()=>setRestoreTarget(null),
+                closeOnOverlayClick: false,
+                children: /*#__PURE__*/ jsxs(Modal.Container, {
+                    className: classnames('byline-coll-history-restore-modal', history_module.restoreModal),
+                    children: [
+                        /*#__PURE__*/ jsxs(Modal.Header, {
+                            className: classnames('byline-coll-history-restore-modal-head', history_module.restoreModalHead),
+                            children: [
+                                /*#__PURE__*/ jsx("h3", {
+                                    className: "m-0",
+                                    children: "Restore version"
+                                }),
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    "aria-label": "Close",
+                                    size: "xs",
+                                    onClick: ()=>setRestoreTarget(null),
+                                    children: /*#__PURE__*/ jsx(CloseIcon, {
+                                        width: "14px",
+                                        height: "14px",
+                                        svgClassName: "white-icon"
+                                    })
+                                })
+                            ]
+                        }),
+                        restoreTarget ? /*#__PURE__*/ jsx(RestoreVersionModal, {
+                            collection: collection,
+                            documentId: id,
+                            versionId: restoreTarget.versionId,
+                            versionLabel: restoreTarget.label,
+                            versionNumber: restoreTarget.versionNumber,
+                            onClose: ()=>setRestoreTarget(null)
+                        }) : null
+                    ]
+                })
             })
         ]
     });

package/dist/admin-shell/collections/history.module.js

@@ -13,6 +13,11 @@ const history_module = {
     colVersion: "colVersion-xGf5qV",
     versionButton: "versionButton-DXCZwj",
     titleButton: "titleButton-RPuvJm",
+    colRestore: "colRestore-D3b2hI",
+    restoreCell: "restoreCell-Exf1wn",
+    restoreButton: "restoreButton-axrnAL",
+    restoreModal: "restoreModal-tNkjf6",
+    restoreModalHead: "restoreModalHead-cJAc46",
     pageSize: "pageSize-yT2Yee"
 };
 export default history_module;

package/dist/admin-shell/collections/history_module.css

@@ -113,6 +113,52 @@
   opacity: .75;
 }
 
+:is(.colRestore-D3b2hI, .byline-coll-history-col-restore) {
+  white-space: nowrap;
+  background-color: var(--gray-50);
+  width: 1%;
+}
+
+:is(:is([data-theme="dark"], .dark) .colRestore-D3b2hI, :is([data-theme="dark"], .dark) .byline-coll-history-col-restore) {
+  background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
+}
+
+:is(.restoreCell-Exf1wn, .byline-coll-history-restore-cell) {
+  white-space: nowrap;
+}
+
+:is(.restoreButton-axrnAL, .byline-coll-history-restore-button) {
+  opacity: 0;
+  transition: opacity .15s;
+}
+
+tr:hover .restoreButton-axrnAL {
+  opacity: 1;
+}
+
+tr:hover .byline-coll-history-restore-button {
+  opacity: 1;
+}
+
+.restoreButton-axrnAL:focus {
+  opacity: 1;
+}
+
+.byline-coll-history-restore-button:focus {
+  opacity: 1;
+}
+
+:is(.restoreModal-tNkjf6, .byline-coll-history-restore-modal) {
+  max-width: 32rem;
+}
+
+:is(.restoreModalHead-cJAc46, .byline-coll-history-restore-modal-head) {
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1rem;
+  display: flex;
+}
+
 @media (min-width: 40rem) {
   :is(.pageSize-yT2Yee, .byline-coll-history-page-size) {
     margin-left: auto;

package/dist/admin-shell/collections/list.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useRouterState } from "@tanstack/react-router";
-import { Container, IconButton, LoaderRing, PlusIcon, Search, Section, Select, Table } from "@byline/ui";
-import { StatusBadge, renderFormatted } from "@byline/ui/react";
+import { Container, IconButton, LoaderRing, PlusIcon, Search, Section, Select, StatusBadge, Table, renderFormatted } from "@byline/ui/react";
 import classnames from "classnames";
 import { Link, useNavigate } from "../chrome/loose-router.js";
 import { RouterPager } from "../chrome/router-pager.js";

package/dist/admin-shell/collections/preview-link.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { ExternalLinkIcon, IconButton, useToastManager } from "@byline/ui";
+import { ExternalLinkIcon, IconButton, useToastManager } from "@byline/ui/react";
 import classnames from "classnames";
 import { enablePreviewModeFn } from "../../server-fns/preview/index.js";
 function resolvePreviewUrl(doc, collectionPath, adminConfig, locale) {

package/dist/admin-shell/collections/restore-version-modal.d.ts

@@ -0,0 +1,10 @@
+interface RestoreVersionModalProps {
+    collection: string;
+    documentId: string;
+    versionId: string;
+    versionLabel: string;
+    versionNumber: number;
+    onClose: () => void;
+}
+export declare function RestoreVersionModal({ collection, documentId, versionId, versionLabel, versionNumber, onClose, }: RestoreVersionModalProps): import("react").JSX.Element;
+export {};

package/dist/admin-shell/collections/restore-version-modal.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "@tanstack/react-router";
+import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui/react";
+import classnames from "classnames";
+import { restoreDocumentVersion } from "../../server-fns/collections/index.js";
+import { useNavigate } from "../chrome/loose-router.js";
+import restore_version_modal_module from "./restore-version-modal.module.js";
+function RestoreVersionModal({ collection, documentId, versionId, versionLabel, versionNumber, onClose }) {
+    const navigate = useNavigate();
+    const router = useRouter();
+    const [error, setError] = useState(null);
+    const [pending, setPending] = useState(false);
+    async function handleRestore() {
+        if (pending) return;
+        setPending(true);
+        setError(null);
+        try {
+            await restoreDocumentVersion({
+                data: {
+                    collection,
+                    id: documentId,
+                    versionId
+                }
+            });
+            onClose();
+            await router.invalidate();
+            navigate({
+                to: '/admin/collections/$collection/$id',
+                params: {
+                    collection,
+                    id: documentId
+                }
+            });
+        } catch (err) {
+            const code = getErrorCode(err);
+            if ('ERR_INVALID_TRANSITION' === code) setError('This version is already the current version of the document.');
+            else if ('ERR_NOT_FOUND' === code) setError('The selected version could not be found. The history may be out of date.');
+            else 'ERR_FORBIDDEN' === code || 'ERR_UNAUTHENTICATED' === code ? setError('You do not have permission to restore versions for this collection.') : setError('Could not restore this version. Please try again.');
+            setPending(false);
+        }
+    }
+    return /*#__PURE__*/ jsxs(Modal.Content, {
+        className: classnames('byline-coll-restore-content', restore_version_modal_module.content),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-coll-restore-body', restore_version_modal_module.body),
+                children: [
+                    error ? /*#__PURE__*/ jsx(Alert, {
+                        intent: "danger",
+                        close: false,
+                        children: error
+                    }) : null,
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-coll-restore-row', restore_version_modal_module.row),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "muted",
+                                children: "Version:"
+                            }),
+                            " ",
+                            versionNumber
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-coll-restore-row', restore_version_modal_module.row),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "muted",
+                                children: "Created:"
+                            }),
+                            " ",
+                            versionLabel
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("p", {
+                        className: classnames('byline-coll-restore-warning', restore_version_modal_module.warning),
+                        children: [
+                            "This will create a new draft version of this document with the content from version",
+                            ' ',
+                            versionNumber,
+                            ", and that draft will become the current version. The existing versions (including any published version) are preserved in history. The restored draft will need to be published through the normal workflow."
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-coll-restore-actions', restore_version_modal_module.actions),
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        intent: "secondary",
+                        size: "sm",
+                        onClick: onClose,
+                        disabled: pending,
+                        className: classnames('byline-coll-restore-button', restore_version_modal_module.button),
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        size: "sm",
+                        intent: "primary",
+                        onClick: handleRestore,
+                        disabled: pending,
+                        className: classnames('byline-coll-restore-button', restore_version_modal_module.button),
+                        children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                            size: 42
+                        }) : 'Restore as Draft'
+                    })
+                ]
+            })
+        ]
+    });
+}
+function getErrorCode(err) {
+    return 'string' == typeof err?.code ? err.code : null;
+}
+export { RestoreVersionModal };

package/dist/admin-shell/collections/restore-version-modal.module.js

@@ -0,0 +1,10 @@
+import "./restore-version-modal_module.css";
+const restore_version_modal_module = {
+    content: "content-uRNWdJ",
+    body: "body-Ob50BW",
+    row: "row-UfzCHH",
+    warning: "warning-OXVE7o",
+    actions: "actions-w8VRuc",
+    button: "button-oKxXB5"
+};
+export default restore_version_modal_module;

package/dist/admin-shell/collections/restore-version-modal_module.css

@@ -0,0 +1,31 @@
+:is(.content-uRNWdJ, .byline-coll-restore-content) {
+  gap: .25rem;
+}
+
+:is(.body-Ob50BW, .byline-coll-restore-body) {
+  flex-direction: column;
+  gap: 0;
+  display: flex;
+}
+
+:is(.row-UfzCHH, .byline-coll-restore-row) {
+  margin: 0;
+}
+
+:is(.warning-OXVE7o, .byline-coll-restore-warning) {
+  margin-top: .75rem;
+}
+
+:is(.actions-w8VRuc, .byline-coll-restore-actions) {
+  justify-content: flex-end;
+  align-items: center;
+  gap: .5rem;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+  display: flex;
+}
+
+:is(.button-oKxXB5, .byline-coll-restore-button) {
+  min-width: 4rem;
+}
+

package/dist/admin-shell/collections/view-menu.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { Button, HistoryIcon, IconButton, Label, Select } from "@byline/ui";
+import { Button, HistoryIcon, IconButton, Label, Select } from "@byline/ui/react";
 import classnames from "classnames";
 import { useNavigate } from "../chrome/loose-router.js";
 import { PreviewLink } from "./preview-link.js";

package/dist/routes/create-admin-account-route.js

@@ -1,7 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFileRoute } from "@tanstack/react-router";
-import { Container, Section } from "@byline/ui";
-import { AccountSelfContainer } from "@byline/ui/react";
+import { AccountSelfContainer, Container, Section } from "@byline/ui/react";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
 import { getAccount } from "../server-fns/admin-account/index.js";
 function displayNameFor(account) {

package/dist/routes/create-admin-role-edit-route.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFileRoute, notFound } from "@tanstack/react-router";
-import { Container, Section } from "@byline/ui";
+import { Container, Section } from "@byline/ui/react";
 import { RoleContainer } from "../admin-shell/admin-roles/container.js";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
 import { getRoleAbilities, listRegisteredAbilities } from "../server-fns/admin-permissions/index.js";

package/dist/routes/create-admin-user-edit-route.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createFileRoute, notFound } from "@tanstack/react-router";
-import { Container, Section } from "@byline/ui";
+import { Container, Section } from "@byline/ui/react";
 import { AccountContainer } from "../admin-shell/admin-users/container.js";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
 import { listAdminRoles } from "../server-fns/admin-roles/index.js";

package/dist/routes/create-collection-list-route.js

@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { createFileRoute, notFound } from "@tanstack/react-router";
 import { getCollectionAdminConfig, getCollectionDefinition, getWorkflowStatuses } from "@byline/core";
-import { useToastManager } from "@byline/ui";
+import { useToastManager } from "@byline/ui/react";
 import { z } from "zod";
 import { BreadcrumbsClient } from "../admin-shell/chrome/breadcrumbs/breadcrumbs-client.js";
 import { useNavigate } from "../admin-shell/chrome/loose-router.js";