@byline/admin 4.10.2 → 4.11.1

package/dist/modules/admin-users/components/create.js

@@ -5,7 +5,7 @@ import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
 import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { z } from "zod";
 import { translateValidationError } from "../../../lib/translate-validation-error.js";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
@@ -99,7 +99,7 @@ function CreateAdminUser({ onClose, onSuccess }) {
         }
     });
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-user-create-wrap', create_module.wrap),
+        className: clsx('byline-user-create-wrap', create_module.wrap),
         children: /*#__PURE__*/ jsxs("form", {
             method: "post",
             noValidate: true,
@@ -108,14 +108,14 @@ function CreateAdminUser({ onClose, onSuccess }) {
                 event.stopPropagation();
                 form.handleSubmit();
             },
-            className: classnames('byline-user-create-form', create_module.form),
+            className: clsx('byline-user-create-form', create_module.form),
             children: [
                 formError ? /*#__PURE__*/ jsx(Alert, {
                     intent: "danger",
                     children: formError
                 }) : null,
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-create-grid', create_module.grid),
+                    className: clsx('byline-user-create-grid', create_module.grid),
                     children: [
                         /*#__PURE__*/ jsx(form.Field, {
                             name: "given_name",
@@ -196,7 +196,7 @@ function CreateAdminUser({ onClose, onSuccess }) {
                         })
                 }),
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-create-flags', create_module.flags),
+                    className: clsx('byline-user-create-flags', create_module.flags),
                     children: [
                         /*#__PURE__*/ jsx(form.Field, {
                             name: "is_enabled",
@@ -234,14 +234,14 @@ function CreateAdminUser({ onClose, onSuccess }) {
                     ]
                 }),
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-create-actions', create_module.actions),
+                    className: clsx('byline-user-create-actions', create_module.actions),
                     children: [
                         /*#__PURE__*/ jsx(Button, {
                             type: "button",
                             intent: "secondary",
                             size: "sm",
                             onClick: onClose,
-                            className: classnames('byline-user-create-action', create_module.action),
+                            className: clsx('byline-user-create-action', create_module.action),
                             children: t('common.actions.cancel')
                         }),
                         /*#__PURE__*/ jsx(form.Subscribe, {
@@ -254,7 +254,7 @@ function CreateAdminUser({ onClose, onSuccess }) {
                                     intent: "primary",
                                     type: "submit",
                                     disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-user-create-action', create_module.action),
+                                    className: clsx('byline-user-create-action', create_module.action),
                                     children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 42
                                     }) : t('common.actions.save')

package/dist/modules/admin-users/components/roles.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Checkbox, LoaderEllipsis } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
 import roles_module from "./roles.module.js";
 function setsEqual(a, b) {
@@ -55,7 +55,7 @@ function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
         }
     }
     return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-user-roles-wrap', roles_module.wrap),
+        className: clsx('byline-user-roles-wrap', roles_module.wrap),
         children: [
             error ? /*#__PURE__*/ jsx(Alert, {
                 intent: "danger",
@@ -66,12 +66,12 @@ function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
                 children: successMessage
             }) : null,
             0 === allRoles.length ? /*#__PURE__*/ jsx("p", {
-                className: classnames('muted', 'byline-user-roles-empty', roles_module.empty),
+                className: clsx('muted', 'byline-user-roles-empty', roles_module.empty),
                 children: t('adminUsers.roles.emptyCatalog')
             }) : /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-user-roles-list', roles_module.list),
+                className: clsx('byline-user-roles-list', roles_module.list),
                 children: allRoles.map((role)=>/*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-user-roles-row', roles_module.row),
+                        className: clsx('byline-user-roles-row', roles_module.row),
                         children: [
                             /*#__PURE__*/ jsx(Checkbox, {
                                 id: `role-${role.id}`,
@@ -79,28 +79,28 @@ function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
                                 checked: selected.has(role.id),
                                 disabled: saving,
                                 onCheckedChange: (checked)=>handleToggle(role.id, true === checked),
-                                containerClasses: classnames('byline-user-roles-checkbox-auto', roles_module["checkbox-auto"]),
-                                componentClasses: classnames('byline-user-roles-checkbox-auto', roles_module["checkbox-auto"])
+                                containerClasses: clsx('byline-user-roles-checkbox-auto', roles_module["checkbox-auto"]),
+                                componentClasses: clsx('byline-user-roles-checkbox-auto', roles_module["checkbox-auto"])
                             }),
                             /*#__PURE__*/ jsxs("label", {
                                 htmlFor: `role-${role.id}`,
-                                className: classnames('byline-user-roles-label', roles_module.label),
+                                className: clsx('byline-user-roles-label', roles_module.label),
                                 children: [
                                     /*#__PURE__*/ jsxs("div", {
-                                        className: classnames('byline-user-roles-label-head', roles_module["label-head"]),
+                                        className: clsx('byline-user-roles-label-head', roles_module["label-head"]),
                                         children: [
                                             /*#__PURE__*/ jsx("span", {
-                                                className: classnames('byline-user-roles-name', roles_module.name),
+                                                className: clsx('byline-user-roles-name', roles_module.name),
                                                 children: role.name
                                             }),
                                             /*#__PURE__*/ jsx("code", {
-                                                className: classnames('byline-user-roles-machine', roles_module.machine),
+                                                className: clsx('byline-user-roles-machine', roles_module.machine),
                                                 children: role.machine_name
                                             })
                                         ]
                                     }),
                                     role.description ? /*#__PURE__*/ jsx("p", {
-                                        className: classnames('muted', "byline-user-roles-description", roles_module.description),
+                                        className: clsx('muted', "byline-user-roles-description", roles_module.description),
                                         children: role.description
                                     }) : null
                                 ]
@@ -109,7 +109,7 @@ function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
                     }, role.id))
             }),
             /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-user-roles-actions', roles_module.actions),
+                className: clsx('byline-user-roles-actions', roles_module.actions),
                 children: [
                     /*#__PURE__*/ jsx(Button, {
                         type: "button",
@@ -117,7 +117,7 @@ function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
                         size: "xs",
                         onClick: onClose,
                         disabled: saving,
-                        className: classnames('byline-user-roles-action', roles_module.action),
+                        className: clsx('byline-user-roles-action', roles_module.action),
                         children: successMessage ? t('common.actions.close') : t('common.actions.cancel')
                     }),
                     /*#__PURE__*/ jsx(Button, {
@@ -126,7 +126,7 @@ function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }) {
                         size: "xs",
                         onClick: ()=>void handleSave(),
                         disabled: saving || !isDirty,
-                        className: classnames('byline-user-roles-action', roles_module.action),
+                        className: clsx('byline-user-roles-action', roles_module.action),
                         children: saving ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                             size: 30
                         }) : t('common.actions.save')

package/dist/modules/admin-users/components/set-password.js

@@ -5,7 +5,7 @@ import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
 import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, InputPassword, LoaderEllipsis } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { z } from "zod";
 import { translateValidationError } from "../../../lib/translate-validation-error.js";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
@@ -66,7 +66,7 @@ function SetPassword({ user, onClose, onSuccess }) {
         }
     });
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-user-set-password-wrap', set_password_module.wrap),
+        className: clsx('byline-user-set-password-wrap', set_password_module.wrap),
         children: /*#__PURE__*/ jsxs("form", {
             method: "post",
             noValidate: true,
@@ -75,7 +75,7 @@ function SetPassword({ user, onClose, onSuccess }) {
                 event.stopPropagation();
                 form.handleSubmit();
             },
-            className: classnames('byline-user-set-password-form', set_password_module.form),
+            className: clsx('byline-user-set-password-form', set_password_module.form),
             children: [
                 formError ? /*#__PURE__*/ jsx(Alert, {
                     intent: "danger",
@@ -122,14 +122,14 @@ function SetPassword({ user, onClose, onSuccess }) {
                         })
                 }),
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-set-password-actions', set_password_module.actions),
+                    className: clsx('byline-user-set-password-actions', set_password_module.actions),
                     children: [
                         /*#__PURE__*/ jsx(Button, {
                             type: "button",
                             intent: "secondary",
                             size: "sm",
                             onClick: onClose,
-                            className: classnames('byline-user-set-password-action', set_password_module.action),
+                            className: clsx('byline-user-set-password-action', set_password_module.action),
                             children: successMessage ? t('common.actions.close') : t('common.actions.cancel')
                         }),
                         /*#__PURE__*/ jsx(form.Subscribe, {
@@ -143,7 +143,7 @@ function SetPassword({ user, onClose, onSuccess }) {
                                     intent: "primary",
                                     type: "submit",
                                     disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-user-set-password-action', set_password_module.action),
+                                    className: clsx('byline-user-set-password-action', set_password_module.action),
                                     children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 42
                                     }) : t('common.actions.save')

package/dist/modules/admin-users/components/update.js

@@ -4,7 +4,7 @@ import { useMemo, useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
 import update_module from "./update.module.js";
@@ -110,7 +110,7 @@ function UpdateUser({ user, onClose, onSuccess }) {
         }
     });
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-user-update-wrap', update_module.wrap),
+        className: clsx('byline-user-update-wrap', update_module.wrap),
         children: /*#__PURE__*/ jsxs("form", {
             method: "post",
             noValidate: true,
@@ -119,7 +119,7 @@ function UpdateUser({ user, onClose, onSuccess }) {
                 event.stopPropagation();
                 form.handleSubmit();
             },
-            className: classnames('byline-user-update-form', update_module.form),
+            className: clsx('byline-user-update-form', update_module.form),
             children: [
                 formError ? /*#__PURE__*/ jsx(Alert, {
                     intent: "danger",
@@ -189,7 +189,7 @@ function UpdateUser({ user, onClose, onSuccess }) {
                         })
                 }),
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-update-flags', update_module.flags),
+                    className: clsx('byline-user-update-flags', update_module.flags),
                     children: [
                         /*#__PURE__*/ jsx(form.Field, {
                             name: "is_enabled",
@@ -226,14 +226,14 @@ function UpdateUser({ user, onClose, onSuccess }) {
                     ]
                 }),
                 /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-update-actions', update_module.actions),
+                    className: clsx('byline-user-update-actions', update_module.actions),
                     children: [
                         /*#__PURE__*/ jsx(Button, {
                             type: "button",
                             intent: "secondary",
                             size: "sm",
                             onClick: onClose,
-                            className: classnames('byline-user-update-action', update_module.action),
+                            className: clsx('byline-user-update-action', update_module.action),
                             children: successMessage ? t('common.actions.close') : t('common.actions.cancel')
                         }),
                         /*#__PURE__*/ jsx(form.Subscribe, {
@@ -247,7 +247,7 @@ function UpdateUser({ user, onClose, onSuccess }) {
                                     intent: "primary",
                                     type: "submit",
                                     disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-user-update-action', update_module.action),
+                                    className: clsx('byline-user-update-action', update_module.action),
                                     children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 42
                                     }) : t('common.actions.save')

package/dist/modules/auth/components/sign-in-form.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { getClientConfig } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
 import { Alert, Button, Card, Input, LoaderEllipsis } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
 import { normalizeRootRelativeRedirect, resolveSignInFormRedirect } from "../safe-redirect.js";
 import sign_in_form_module from "./sign-in-form.module.js";
@@ -38,7 +38,7 @@ function SignInForm({ redirectTo, callbackUrl, homeUrl }) {
         window.location.assign(normalizeRootRelativeRedirect(destination) ?? '/');
     }
     return /*#__PURE__*/ jsxs(Card, {
-        className: classnames('byline-sign-in-card', sign_in_form_module.card),
+        className: clsx('byline-sign-in-card', sign_in_form_module.card),
         children: [
             /*#__PURE__*/ jsxs(Card.Header, {
                 children: [
@@ -52,7 +52,7 @@ function SignInForm({ redirectTo, callbackUrl, homeUrl }) {
                     }),
                     error && /*#__PURE__*/ jsx(Alert, {
                         intent: "danger",
-                        className: classnames('byline-sign-in-alert', sign_in_form_module.alert),
+                        className: clsx('byline-sign-in-alert', sign_in_form_module.alert),
                         children: error
                     })
                 ]
@@ -62,10 +62,10 @@ function SignInForm({ redirectTo, callbackUrl, homeUrl }) {
                     method: "post",
                     onSubmit: handleSubmit,
                     noValidate: true,
-                    className: classnames('byline-sign-in-form', sign_in_form_module.form),
+                    className: clsx('byline-sign-in-form', sign_in_form_module.form),
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: classnames('byline-sign-in-fields', sign_in_form_module.fields),
+                            className: clsx('byline-sign-in-fields', sign_in_form_module.fields),
                             children: [
                                 /*#__PURE__*/ jsx(Input, {
                                     label: t('common.fields.email'),
@@ -92,17 +92,17 @@ function SignInForm({ redirectTo, callbackUrl, homeUrl }) {
                             ]
                         }),
                         /*#__PURE__*/ jsxs("div", {
-                            className: classnames('byline-sign-in-actions', sign_in_form_module.actions),
+                            className: clsx('byline-sign-in-actions', sign_in_form_module.actions),
                             children: [
                                 homeUrl && /*#__PURE__*/ jsx("a", {
                                     href: homeUrl,
-                                    className: classnames('byline-sign-in-home-link', sign_in_form_module["home-link"]),
+                                    className: clsx('byline-sign-in-home-link', sign_in_form_module["home-link"]),
                                     children: t('common.actions.home')
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
                                     type: "submit",
                                     disabled: pending,
-                                    className: classnames('byline-sign-in-button', sign_in_form_module.button),
+                                    className: clsx('byline-sign-in-button', sign_in_form_module.button),
                                     children: pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
                                         size: 30,
                                         color: "#aaaaaa"

package/dist/presentation/group.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import group_module from "./group.module.js";
 const AdminGroup = ({ label, children, className })=>/*#__PURE__*/ jsxs("fieldset", {
-        className: classnames('byline-admin-group', group_module.group, className),
+        className: clsx('byline-admin-group', group_module.group, className),
         children: [
             label && /*#__PURE__*/ jsx("legend", {
-                className: classnames('byline-admin-group-legend', group_module.legend),
+                className: clsx('byline-admin-group-legend', group_module.legend),
                 children: label
             }),
             children

package/dist/presentation/row.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import row_module from "./row.module.js";
 const AdminRow = ({ children, className })=>/*#__PURE__*/ jsx("div", {
-        className: classnames('byline-admin-row', row_module.row, className),
+        className: clsx('byline-admin-row', row_module.row, className),
         children: children
     });
 export { AdminRow };

package/dist/presentation/tabs.js

@@ -2,14 +2,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "@byline/i18n/react";
 import { Badge } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import tabs_module from "./tabs.module.js";
 const AdminTabs = ({ tabs, activeTab, onChange, errorCounts, className })=>{
     const { t } = useTranslation('byline-admin');
     return /*#__PURE__*/ jsx("div", {
         role: "tablist",
         "aria-label": t('presentation.formTabsAriaLabel'),
-        className: classnames('byline-admin-tabs', tabs_module.tabs, className),
+        className: clsx('byline-admin-tabs', tabs_module.tabs, className),
         children: tabs.map((tab)=>{
             const isActive = tab.name === activeTab;
             return /*#__PURE__*/ jsx("button", {
@@ -17,17 +17,17 @@ const AdminTabs = ({ tabs, activeTab, onChange, errorCounts, className })=>{
                 role: "tab",
                 "aria-selected": isActive,
                 onClick: ()=>onChange(tab.name),
-                className: classnames('byline-admin-tab', tabs_module.tab, isActive && [
+                className: clsx('byline-admin-tab', tabs_module.tab, isActive && [
                     'byline-admin-tab-active',
                     tabs_module["tab-active"]
                 ]),
                 children: /*#__PURE__*/ jsxs("span", {
-                    className: classnames('byline-admin-tab-label', tabs_module.label),
+                    className: clsx('byline-admin-tab-label', tabs_module.label),
                     children: [
                         tab.label,
                         (errorCounts?.[tab.name] ?? 0) > 0 && /*#__PURE__*/ jsx(Badge, {
                             intent: "danger",
-                            className: classnames('byline-admin-tab-badge', tabs_module.badge),
+                            className: clsx('byline-admin-tab-badge', tabs_module.badge),
                             children: errorCounts?.[tab.name]
                         })
                     ]

package/dist/widgets/diff-viewer/diff-modal.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useTranslation } from "@byline/i18n/react";
 import { CloseIcon, IconButton, LoaderRing, Modal } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import react_diff_viewer_continued, { DiffMethod } from "react-diff-viewer-continued";
 import diff_modal_module from "./diff-modal.module.js";
 const STRIP_KEYS = new Set([
@@ -70,22 +70,22 @@ function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versi
             },
             children: [
                 /*#__PURE__*/ jsxs(Modal.Header, {
-                    className: classnames('byline-diff-modal-header', diff_modal_module.header),
+                    className: clsx('byline-diff-modal-header', diff_modal_module.header),
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: classnames('byline-diff-modal-title-stack', diff_modal_module["title-stack"]),
+                            className: clsx('byline-diff-modal-title-stack', diff_modal_module["title-stack"]),
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
-                                    className: classnames('byline-diff-modal-title', diff_modal_module.title),
+                                    className: clsx('byline-diff-modal-title', diff_modal_module.title),
                                     children: t('diffModal.title')
                                 }),
                                 /*#__PURE__*/ jsxs("p", {
-                                    className: classnames('byline-diff-modal-subtitle', diff_modal_module.subtitle),
+                                    className: clsx('byline-diff-modal-subtitle', diff_modal_module.subtitle),
                                     children: [
                                         t('diffModal.subtitleBefore'),
                                         ' ',
                                         /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-diff-modal-version', diff_modal_module.version),
+                                            className: clsx('byline-diff-modal-version', diff_modal_module.version),
                                             children: versionLabel
                                         }),
                                         ' ',
@@ -106,13 +106,13 @@ function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versi
                     ]
                 }),
                 /*#__PURE__*/ jsxs(Modal.Content, {
-                    className: classnames('byline-diff-modal-content', diff_modal_module.content),
+                    className: clsx('byline-diff-modal-content', diff_modal_module.content),
                     style: {
                         minHeight: 0
                     },
                     children: [
                         loading && /*#__PURE__*/ jsxs("div", {
-                            className: classnames('byline-diff-modal-state', diff_modal_module.state),
+                            className: clsx('byline-diff-modal-state', diff_modal_module.state),
                             children: [
                                 /*#__PURE__*/ jsx(LoaderRing, {
                                     size: 28,
@@ -124,11 +124,11 @@ function DiffModal({ isOpen, onDismiss, collection, documentId, versionId, versi
                             ]
                         }),
                         error && /*#__PURE__*/ jsx("div", {
-                            className: classnames('byline-diff-modal-state', 'byline-diff-modal-error', diff_modal_module.state, diff_modal_module.error),
+                            className: clsx('byline-diff-modal-state', 'byline-diff-modal-error', diff_modal_module.state, diff_modal_module.error),
                             children: error
                         }),
                         !loading && !error && historicalDoc && /*#__PURE__*/ jsx("div", {
-                            className: classnames('byline-diff-modal-viewer', diff_modal_module.viewer),
+                            className: clsx('byline-diff-modal-viewer', diff_modal_module.viewer),
                             children: /*#__PURE__*/ jsx(react_diff_viewer_continued, {
                                 oldValue: historicalStr,
                                 newValue: currentStr,

package/dist/widgets/source-locale-badge/source-locale-badge.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { Badge } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import source_locale_badge_module from "./source-locale-badge.module.js";
 const SourceLocaleBadge = ({ locale, className })=>/*#__PURE__*/ jsx(Badge, {
         intent: "noeffect",
         render: /*#__PURE__*/ jsx("span", {}),
         title: `Primary content language: ${locale.toUpperCase()}`,
-        className: classnames('byline-source-locale-badge', source_locale_badge_module.badge, className),
+        className: clsx('byline-source-locale-badge', source_locale_badge_module.badge, className),
         children: locale.toUpperCase()
     });
 SourceLocaleBadge.displayName = 'SourceLocaleBadge';

package/dist/widgets/status-badge/status-badge.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { WORKFLOW_STATUS_ARCHIVED, WORKFLOW_STATUS_DRAFT, WORKFLOW_STATUS_PUBLISHED } from "@byline/core";
 import { useTranslation } from "@byline/i18n/react";
 import { Badge } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import status_badge_module from "./status-badge.module.js";
 function statusIntent(status) {
     switch(status){
@@ -20,15 +20,15 @@ const StatusBadge = ({ status, workflowStatuses, hasPublishedVersion })=>{
     const { t } = useTranslation('byline-admin');
     const label = workflowStatuses.find((s)=>s.name === status)?.label ?? String(status ?? '');
     return /*#__PURE__*/ jsxs("span", {
-        className: classnames('byline-status-badge-wrap', status_badge_module.wrap),
+        className: clsx('byline-status-badge-wrap', status_badge_module.wrap),
         children: [
             true === hasPublishedVersion && 'published' !== status && /*#__PURE__*/ jsx("span", {
                 title: t('statusBadge.publishedVersionLive'),
-                className: classnames('byline-status-badge-dot', status_badge_module.dot)
+                className: clsx('byline-status-badge-dot', status_badge_module.dot)
             }),
             /*#__PURE__*/ jsx(Badge, {
                 intent: statusIntent(status),
-                className: classnames('byline-status-badge', status_badge_module.badge),
+                className: clsx('byline-status-badge', status_badge_module.badge),
                 children: label
             })
         ]

package/package.json

@@ -2,7 +2,7 @@
   "name": "@byline/admin",
   "private": false,
   "license": "MPL-2.0",
-  "version": "4.10.2",
+  "version": "4.11.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -168,15 +168,15 @@
     "@codemirror/view": "^6.43.6",
     "@lezer/highlight": "^1.2.3",
     "@tanstack/react-form-start": "^1.33.2",
-    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "jose": "^6.2.3",
     "react-diff-viewer-continued": "^4.4.0",
     "uuid": "^14.0.1",
     "zod": "^4.4.3",
-    "@byline/auth": "4.10.2",
-    "@byline/i18n": "4.10.2",
-    "@byline/ui": "4.10.2",
-    "@byline/core": "4.10.2"
+    "@byline/auth": "4.11.1",
+    "@byline/i18n": "4.11.1",
+    "@byline/ui": "4.11.1",
+    "@byline/core": "4.11.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/fields/array/array-field.tsx

@@ -11,7 +11,7 @@ import { useEffect, useState } from 'react'
 import type { ArrayField as ArrayFieldType, Field, FieldAdminConfig } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { DraggableSortable, IconButton, moveItem, PlusIcon } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { sliceFieldAdmin } from '../../fields/field-admin'
 import { defaultScalarForField } from '../../fields/field-helpers'

package/src/fields/blocks/blocks-field.tsx

@@ -25,7 +25,7 @@ import {
   moveItem,
   PlusIcon,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { defaultScalarForField } from '../../fields/field-helpers'
 import { GroupField } from '../../fields/group/group-field'

package/src/fields/code/code-field.tsx

@@ -10,7 +10,7 @@ import React, { Suspense, useCallback } from 'react'
 
 import type { Field, FieldComponentSlots, CodeField as FieldType } from '@byline/core'
 import { ErrorText, HelpText, Label } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
 import { LocaleBadge } from '../locale-badge'

package/src/fields/datetime/datetime-field.tsx

@@ -8,7 +8,7 @@
 
 import type { DateTimeField as FieldType } from '@byline/core'
 import { DatePicker, ErrorText } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue, useIsDirty } from '../../forms/form-context'
 import styles from './datetime-field.module.css'

package/src/fields/draggable-context-menu.tsx

@@ -16,7 +16,7 @@ import {
   IconButton,
   PlusIcon,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './draggable-context-menu.module.css'
 

package/src/fields/field-renderer.tsx

@@ -16,7 +16,7 @@ import type {
   RichTextEditorComponent,
 } from '@byline/core'
 import { getClientConfig } from '@byline/core'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFormContext } from '../forms/form-context'
 import { ArrayField } from './array/array-field'

package/src/fields/file/file-field.tsx

@@ -23,7 +23,7 @@ import {
   LoaderRing,
   VideoIcon,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import {
   useFieldError,