@byline/admin 4.11.0 → 4.11.1

package/dist/fields/relation/relation-summary.js

@@ -1,19 +1,19 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { resolveItemViewColumns } from "@byline/core";
-import classnames from "classnames";
+import clsx from "clsx";
 import { PickerCell, resolveFallbackDisplayField, resolveRowLabel } from "./relation-display.js";
 import relation_summary_module from "./relation-summary.module.js";
 function RelationSummary({ targetDefinition, targetAdminConfig, displayField, value, cachedRecord }) {
     const pickerColumns = resolveItemViewColumns(targetAdminConfig);
     if (false === value._resolved) return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-relation-summary-stack', relation_summary_module.stack),
+        className: clsx('byline-relation-summary-stack', relation_summary_module.stack),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: classnames('byline-relation-summary-kind', relation_summary_module.kind),
+                className: clsx('byline-relation-summary-kind', relation_summary_module.kind),
                 children: targetDefinition.labels.singular
             }),
             /*#__PURE__*/ jsxs("span", {
-                className: classnames('byline-relation-summary-value-mono byline-relation-summary-missing', relation_summary_module["value-mono"], relation_summary_module.missing),
+                className: clsx('byline-relation-summary-value-mono byline-relation-summary-missing', relation_summary_module["value-mono"], relation_summary_module.missing),
                 children: [
                     "(target not found) ",
                     value.targetDocumentId
@@ -23,7 +23,7 @@ function RelationSummary({ targetDefinition, targetAdminConfig, displayField, va
     });
     const record = true === value._resolved && !value._cycle && value.document || cachedRecord || null;
     if (record && pickerColumns && pickerColumns.length > 0) return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-relation-summary-row', relation_summary_module.row),
+        className: clsx('byline-relation-summary-row', relation_summary_module.row),
         children: pickerColumns.map((col)=>/*#__PURE__*/ jsx(PickerCell, {
                 column: col,
                 record: record
@@ -32,17 +32,17 @@ function RelationSummary({ targetDefinition, targetAdminConfig, displayField, va
     const resolvedDisplayField = displayField ?? targetDefinition.useAsTitle ?? resolveFallbackDisplayField(targetDefinition) ?? null;
     const label = record ? resolveRowLabel(record, resolvedDisplayField) : null;
     return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-relation-summary-stack', relation_summary_module.stack),
+        className: clsx('byline-relation-summary-stack', relation_summary_module.stack),
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: classnames('byline-relation-summary-kind', relation_summary_module.kind),
+                className: clsx('byline-relation-summary-kind', relation_summary_module.kind),
                 children: targetDefinition.labels.singular
             }),
             label ? /*#__PURE__*/ jsx("span", {
-                className: classnames('byline-relation-summary-value', relation_summary_module.value),
+                className: clsx('byline-relation-summary-value', relation_summary_module.value),
                 children: label
             }) : /*#__PURE__*/ jsx("span", {
-                className: classnames('byline-relation-summary-value-mono', relation_summary_module["value-mono"]),
+                className: clsx('byline-relation-summary-value-mono', relation_summary_module["value-mono"]),
                 children: value.targetDocumentId
             })
         ]

package/dist/fields/select/select-field.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ErrorText, Label, Select } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
 import select_field_module from "./select-field.module.js";
 const SelectField = ({ field, value, defaultValue, onChange, id, path })=>{
@@ -18,7 +18,7 @@ const SelectField = ({ field, value, defaultValue, onChange, id, path })=>{
                 htmlFor: htmlId,
                 label: field.label,
                 required: !field.optional,
-                className: classnames('byline-field-select-label', select_field_module.label)
+                className: clsx('byline-field-select-label', select_field_module.label)
             }),
             /*#__PURE__*/ jsx(Select, {
                 size: "xs",
@@ -37,7 +37,7 @@ const SelectField = ({ field, value, defaultValue, onChange, id, path })=>{
                 onValueChange: (value)=>{
                     if (null != value) onChange?.(value);
                 },
-                className: classnames(isDirty && [
+                className: clsx(isDirty && [
                     'byline-field-select-dirty',
                     select_field_module.dirty
                 ])

package/dist/fields/sortable-item.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "@byline/i18n/react";
 import { ChevronDownIcon, GripperVerticalIcon, useSortable } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { DraggableContextMenu } from "./draggable-context-menu.js";
 import sortable_item_module from "./sortable-item.module.js";
 const ItemFrame = ({ label, children, onAddBelow, onRemove, grip, rootRef, style, dragging = false, rootClassName })=>{
@@ -11,7 +11,7 @@ const ItemFrame = ({ label, children, onAddBelow, onRemove, grip, rootRef, style
     return /*#__PURE__*/ jsxs("div", {
         ref: rootRef,
         style: style,
-        className: classnames('byline-sortable', sortable_item_module.root, rootClassName, dragging && [
+        className: clsx('byline-sortable', sortable_item_module.root, rootClassName, dragging && [
             'byline-sortable-dragging',
             sortable_item_module.dragging
         ], collapsed && [
@@ -20,14 +20,14 @@ const ItemFrame = ({ label, children, onAddBelow, onRemove, grip, rootRef, style
         ]),
         children: [
             /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-sortable-header', sortable_item_module.header, !collapsed && [
+                className: clsx('byline-sortable-header', sortable_item_module.header, !collapsed && [
                     'byline-sortable-header-expanded',
                     sortable_item_module["header-expanded"]
                 ]),
                 children: [
                     grip,
                     /*#__PURE__*/ jsx("div", {
-                        className: classnames('byline-sortable-label', sortable_item_module.label),
+                        className: clsx('byline-sortable-label', sortable_item_module.label),
                         children: label
                     }),
                     /*#__PURE__*/ jsx(DraggableContextMenu, {
@@ -36,11 +36,11 @@ const ItemFrame = ({ label, children, onAddBelow, onRemove, grip, rootRef, style
                     }),
                     /*#__PURE__*/ jsx("button", {
                         type: "button",
-                        className: classnames('byline-sortable-toggle', sortable_item_module.toggle),
+                        className: clsx('byline-sortable-toggle', sortable_item_module.toggle),
                         onClick: ()=>setCollapsed((prev)=>!prev),
                         "aria-label": collapsed ? t('fields.sortable.expandAriaLabel') : t('fields.sortable.collapseAriaLabel'),
                         children: /*#__PURE__*/ jsx(ChevronDownIcon, {
-                            className: classnames('byline-sortable-toggle-icon', sortable_item_module["toggle-icon"], collapsed && [
+                            className: clsx('byline-sortable-toggle-icon', sortable_item_module["toggle-icon"], collapsed && [
                                 'byline-sortable-toggle-icon-rotated',
                                 sortable_item_module["toggle-icon-rotated"]
                             ])
@@ -49,7 +49,7 @@ const ItemFrame = ({ label, children, onAddBelow, onRemove, grip, rootRef, style
                 ]
             }),
             /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-sortable-content', sortable_item_module.content, collapsed && [
+                className: clsx('byline-sortable-content', sortable_item_module.content, collapsed && [
                     'byline-sortable-content-hidden',
                     sortable_item_module["content-hidden"]
                 ]),
@@ -80,11 +80,11 @@ const SortableItem = ({ id, label, children, onAddBelow, onRemove })=>{
         dragging: isDragging,
         grip: /*#__PURE__*/ jsx("button", {
             type: "button",
-            className: classnames('byline-sortable-grip', sortable_item_module.grip),
+            className: clsx('byline-sortable-grip', sortable_item_module.grip),
             ...attributes,
             ...listeners,
             children: /*#__PURE__*/ jsx(GripperVerticalIcon, {
-                className: classnames('byline-sortable-grip-icon', sortable_item_module["grip-icon"])
+                className: clsx('byline-sortable-grip-icon', sortable_item_module["grip-icon"])
             })
         }),
         children: children

package/dist/fields/text/text-field.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Input, Label } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
 import { LocaleBadge } from "../locale-badge.js";
 import text_field_module from "./text-field.module.js";
@@ -33,7 +33,7 @@ const TextField = ({ field, value, defaultValue, onChange, id, path, locale, com
     const hasCustomLabel = !!CustomLabel;
     const suppressInputLabel = showBadge || hasCustomLabel;
     const suppressInputHelpText = !!CustomHelpText;
-    const labelRowClass = classnames('byline-field-text-label-row', text_field_module["label-row"]);
+    const labelRowClass = clsx('byline-field-text-label-row', text_field_module["label-row"]);
     const renderLabel = ()=>{
         if (hasCustomLabel) return /*#__PURE__*/ jsxs("div", {
             className: labelRowClass,

package/dist/fields/text-area/text-area-field.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Label, TextArea } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
 import { LocaleBadge } from "../locale-badge.js";
 import text_area_field_module from "./text-area-field.module.js";
@@ -33,7 +33,7 @@ const TextAreaField = ({ field, value, defaultValue, onChange, id, path, locale,
     const hasCustomLabel = !!CustomLabel;
     const suppressInputLabel = showBadge || hasCustomLabel;
     const suppressInputHelpText = !!CustomHelpText;
-    const labelRowClass = classnames('byline-field-text-area-label-row', text_area_field_module["label-row"]);
+    const labelRowClass = clsx('byline-field-text-area-label-row', text_area_field_module["label-row"]);
     const renderLabel = ()=>{
         if (hasCustomLabel) return /*#__PURE__*/ jsxs("div", {
             className: labelRowClass,

package/dist/forms/available-locales-widget.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { useTranslation } from "@byline/i18n/react";
 import { Checkbox, Label } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { reconcileLocaleState } from "./available-locales-reconcile.js";
 import available_locales_widget_module from "./available-locales-widget.module.js";
 import { useFormContext, useSystemAvailableLocales } from "./form-context.js";
@@ -30,7 +30,7 @@ const AvailableLocalesWidget = ({ contentLocales, availableVersionLocales })=>{
     ]);
     if (0 === contentLocales.length) return null;
     return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-form-available-locales', available_locales_widget_module.container),
+        className: clsx('byline-form-available-locales', available_locales_widget_module.container),
         children: [
             /*#__PURE__*/ jsx(Label, {
                 id: "available-locales",
@@ -39,7 +39,7 @@ const AvailableLocalesWidget = ({ contentLocales, availableVersionLocales })=>{
             }),
             /*#__PURE__*/ jsx("div", {
                 id: "available-locales-group",
-                className: classnames('byline-form-available-locales-list', available_locales_widget_module.list),
+                className: clsx('byline-form-available-locales-list', available_locales_widget_module.list),
                 role: "group",
                 "aria-labelledby": "label-for-available-locales",
                 "aria-describedby": "available-locales-description",
@@ -59,7 +59,7 @@ const AvailableLocalesWidget = ({ contentLocales, availableVersionLocales })=>{
             }),
             /*#__PURE__*/ jsx("span", {
                 id: "available-locales-description",
-                className: classnames('byline-form-available-locales-sr-only', available_locales_widget_module["sr-only"]),
+                className: clsx('byline-form-available-locales-sr-only', available_locales_widget_module["sr-only"]),
                 children: t("availableLocalesWidget.srDescription")
             })
         ]

package/dist/forms/document-actions.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslation } from "@byline/i18n/react";
 import { Button, Checkbox, CloseIcon, DeleteIcon, Dropdown, EllipsisIcon, IconButton, Modal, Select } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import document_actions_module from "./document-actions.module.js";
 const DUPLICATE_TITLE_SUFFIX = ' (copy)';
 function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate, sourceTitle, onCopyToLocale, sourceLocale, contentLocales, hasUnsavedChanges, onUnsavedChanges, onDeleteLocale, defaultLocale, availableLocales }) {
@@ -94,14 +94,14 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                             size: "sm"
                         }),
                         children: /*#__PURE__*/ jsx(EllipsisIcon, {
-                            className: classnames('byline-form-actions-icon', document_actions_module.icon),
+                            className: clsx('byline-form-actions-icon', document_actions_module.icon),
                             width: "15px",
                             height: "15px"
                         })
                     }),
                     /*#__PURE__*/ jsx(Dropdown.Portal, {
                         children: /*#__PURE__*/ jsxs(Dropdown.Content, {
-                            className: classnames('byline-form-actions-menu', document_actions_module.menu),
+                            className: clsx('byline-form-actions-menu', document_actions_module.menu),
                             align: "end",
                             "data-side": "top",
                             sideOffset: 10,
@@ -109,9 +109,9 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                 copyToLocaleAvailable && /*#__PURE__*/ jsx(Dropdown.Item, {
                                     onClick: handleOpenCopyToLocale,
                                     children: /*#__PURE__*/ jsx("div", {
-                                        className: classnames('byline-form-actions-item', document_actions_module.item),
+                                        className: clsx('byline-form-actions-item', document_actions_module.item),
                                         children: /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-form-actions-item-text', document_actions_module["item-text"]),
+                                            className: clsx('byline-form-actions-item-text', document_actions_module["item-text"]),
                                             children: /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 children: t('documentActions.copyToLocaleMenuItem')
@@ -122,9 +122,9 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                 deleteLocaleAvailable && /*#__PURE__*/ jsx(Dropdown.Item, {
                                     onClick: handleOpenDeleteLocale,
                                     children: /*#__PURE__*/ jsx("div", {
-                                        className: classnames('byline-form-actions-item', document_actions_module.item),
+                                        className: clsx('byline-form-actions-item', document_actions_module.item),
                                         children: /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-form-actions-item-text', document_actions_module["item-text"]),
+                                            className: clsx('byline-form-actions-item-text', document_actions_module["item-text"]),
                                             children: /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 children: t('documentActions.deleteLocale.menuItem')
@@ -135,9 +135,9 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                 onDuplicate && /*#__PURE__*/ jsx(Dropdown.Item, {
                                     onClick: handleOpenDuplicate,
                                     children: /*#__PURE__*/ jsx("div", {
-                                        className: classnames('byline-form-actions-item', document_actions_module.item),
+                                        className: clsx('byline-form-actions-item', document_actions_module.item),
                                         children: /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-form-actions-item-text', document_actions_module["item-text"]),
+                                            className: clsx('byline-form-actions-item-text', document_actions_module["item-text"]),
                                             children: /*#__PURE__*/ jsx("button", {
                                                 type: "button",
                                                 children: t('common.actions.duplicate')
@@ -151,20 +151,20 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                         setShowDeleteConfirm(true);
                                     },
                                     children: /*#__PURE__*/ jsxs("div", {
-                                        className: classnames('byline-form-actions-item', document_actions_module.item),
+                                        className: clsx('byline-form-actions-item', document_actions_module.item),
                                         children: [
                                             /*#__PURE__*/ jsx("span", {
-                                                className: classnames('byline-form-actions-item-icon', document_actions_module["item-icon"]),
+                                                className: clsx('byline-form-actions-item-icon', document_actions_module["item-icon"]),
                                                 children: /*#__PURE__*/ jsx(DeleteIcon, {
                                                     width: "16px",
                                                     height: "16px"
                                                 })
                                             }),
                                             /*#__PURE__*/ jsx("span", {
-                                                className: classnames('byline-form-actions-item-text', document_actions_module["item-text"]),
+                                                className: clsx('byline-form-actions-item-text', document_actions_module["item-text"]),
                                                 children: /*#__PURE__*/ jsx("button", {
                                                     type: "button",
-                                                    className: classnames('byline-form-actions-delete', document_actions_module["delete"]),
+                                                    className: clsx('byline-form-actions-delete', document_actions_module["delete"]),
                                                     children: t('common.actions.delete')
                                                 })
                                             })
@@ -188,10 +188,10 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                     },
                     children: [
                         /*#__PURE__*/ jsxs(Modal.Header, {
-                            className: classnames('byline-form-actions-modal-head', document_actions_module["modal-head"]),
+                            className: clsx('byline-form-actions-modal-head', document_actions_module["modal-head"]),
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
-                                    className: classnames('byline-form-actions-modal-title', document_actions_module["modal-title"]),
+                                    className: clsx('byline-form-actions-modal-title', document_actions_module["modal-title"]),
                                     children: t('documentActions.delete.title')
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
@@ -219,7 +219,7 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     "data-autofocus": true,
                                     type: "button",
                                     tabIndex: 0,
-                                    className: classnames('byline-form-actions-sr-only', document_actions_module["sr-only"]),
+                                    className: clsx('byline-form-actions-sr-only', document_actions_module["sr-only"]),
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
@@ -259,10 +259,10 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                     },
                     children: [
                         /*#__PURE__*/ jsxs(Modal.Header, {
-                            className: classnames('byline-form-actions-modal-head', document_actions_module["modal-head"]),
+                            className: clsx('byline-form-actions-modal-head', document_actions_module["modal-head"]),
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
-                                    className: classnames('byline-form-actions-modal-title', document_actions_module["modal-title"]),
+                                    className: clsx('byline-form-actions-modal-title', document_actions_module["modal-title"]),
                                     children: t('documentActions.duplicate.title')
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
@@ -287,7 +287,7 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     children: t('documentActions.duplicate.intro')
                                 }),
                                 /*#__PURE__*/ jsxs("ul", {
-                                    className: classnames('byline-form-actions-list', document_actions_module.list),
+                                    className: clsx('byline-form-actions-list', document_actions_module.list),
                                     children: [
                                         /*#__PURE__*/ jsxs("li", {
                                             children: [
@@ -305,25 +305,25 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     ]
                                 }),
                                 null != sourceTitle && sourceTitle.length > 0 && /*#__PURE__*/ jsxs("div", {
-                                    className: classnames('byline-form-actions-preview', document_actions_module.preview),
+                                    className: clsx('byline-form-actions-preview', document_actions_module.preview),
                                     children: [
                                         /*#__PURE__*/ jsx("div", {
-                                            className: classnames('byline-form-actions-preview-label', document_actions_module["preview-label"]),
+                                            className: clsx('byline-form-actions-preview-label', document_actions_module["preview-label"]),
                                             children: t('documentActions.duplicate.previewLabel')
                                         }),
                                         /*#__PURE__*/ jsxs("div", {
-                                            className: classnames('byline-form-actions-preview-row', document_actions_module["preview-row"]),
+                                            className: clsx('byline-form-actions-preview-row', document_actions_module["preview-row"]),
                                             children: [
                                                 /*#__PURE__*/ jsx("span", {
-                                                    className: classnames('byline-form-actions-preview-before', document_actions_module["preview-before"]),
+                                                    className: clsx('byline-form-actions-preview-before', document_actions_module["preview-before"]),
                                                     children: duplicatePreviewBefore
                                                 }),
                                                 /*#__PURE__*/ jsx("span", {
-                                                    className: classnames('byline-form-actions-preview-arrow', document_actions_module["preview-arrow"]),
+                                                    className: clsx('byline-form-actions-preview-arrow', document_actions_module["preview-arrow"]),
                                                     children: "→"
                                                 }),
                                                 /*#__PURE__*/ jsx("span", {
-                                                    className: classnames('byline-form-actions-preview-after', document_actions_module["preview-after"]),
+                                                    className: clsx('byline-form-actions-preview-after', document_actions_module["preview-after"]),
                                                     children: duplicatePreviewAfter
                                                 })
                                             ]
@@ -338,7 +338,7 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     "data-autofocus": true,
                                     type: "button",
                                     tabIndex: 0,
-                                    className: classnames('byline-form-actions-sr-only', document_actions_module["sr-only"]),
+                                    className: clsx('byline-form-actions-sr-only', document_actions_module["sr-only"]),
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
@@ -380,10 +380,10 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                     },
                     children: [
                         /*#__PURE__*/ jsxs(Modal.Header, {
-                            className: classnames('byline-form-actions-modal-head', document_actions_module["modal-head"]),
+                            className: clsx('byline-form-actions-modal-head', document_actions_module["modal-head"]),
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
-                                    className: classnames('byline-form-actions-modal-title', document_actions_module["modal-title"]),
+                                    className: clsx('byline-form-actions-modal-title', document_actions_module["modal-title"]),
                                     children: t('documentActions.copyToLocale.title')
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
@@ -406,13 +406,13 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     children: t('documentActions.copyToLocale.intro')
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: classnames('byline-form-actions-copy-row', document_actions_module["copy-row"]),
+                                    className: clsx('byline-form-actions-copy-row', document_actions_module["copy-row"]),
                                     style: {
                                         marginTop: 'var(--spacing-12)'
                                     },
                                     children: [
                                         /*#__PURE__*/ jsxs("span", {
-                                            className: classnames('byline-form-actions-copy-label', document_actions_module["copy-label"]),
+                                            className: clsx('byline-form-actions-copy-label', document_actions_module["copy-label"]),
                                             style: {
                                                 fontWeight: 500
                                             },
@@ -422,19 +422,19 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                             ]
                                         }),
                                         /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-form-actions-copy-source', document_actions_module["copy-source"]),
+                                            className: clsx('byline-form-actions-copy-source', document_actions_module["copy-source"]),
                                             children: sourceLocaleLabel
                                         })
                                     ]
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: classnames('byline-form-actions-copy-row', document_actions_module["copy-row"]),
+                                    className: clsx('byline-form-actions-copy-row', document_actions_module["copy-row"]),
                                     style: {
                                         marginTop: 'var(--spacing-12)'
                                     },
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-form-actions-copy-label', document_actions_module["copy-label"]),
+                                            className: clsx('byline-form-actions-copy-label', document_actions_module["copy-label"]),
                                             style: {
                                                 fontWeight: 500,
                                                 marginRight: 'var(--spacing-8)'
@@ -457,7 +457,7 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     ]
                                 }),
                                 /*#__PURE__*/ jsx("div", {
-                                    className: classnames('byline-form-actions-copy-row', document_actions_module["copy-row"]),
+                                    className: clsx('byline-form-actions-copy-row', document_actions_module["copy-row"]),
                                     style: {
                                         marginTop: 'var(--spacing-16)'
                                     },
@@ -481,7 +481,7 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     "data-autofocus": true,
                                     type: "button",
                                     tabIndex: 0,
-                                    className: classnames('byline-form-actions-sr-only', document_actions_module["sr-only"]),
+                                    className: clsx('byline-form-actions-sr-only', document_actions_module["sr-only"]),
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
@@ -523,10 +523,10 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                     },
                     children: [
                         /*#__PURE__*/ jsxs(Modal.Header, {
-                            className: classnames('byline-form-actions-modal-head', document_actions_module["modal-head"]),
+                            className: clsx('byline-form-actions-modal-head', document_actions_module["modal-head"]),
                             children: [
                                 /*#__PURE__*/ jsx("h3", {
-                                    className: classnames('byline-form-actions-modal-title', document_actions_module["modal-title"]),
+                                    className: clsx('byline-form-actions-modal-title', document_actions_module["modal-title"]),
                                     children: t('documentActions.deleteLocale.title')
                                 }),
                                 /*#__PURE__*/ jsx(IconButton, {
@@ -549,13 +549,13 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     children: t('documentActions.deleteLocale.intro')
                                 }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: classnames('byline-form-actions-copy-row', document_actions_module["copy-row"]),
+                                    className: clsx('byline-form-actions-copy-row', document_actions_module["copy-row"]),
                                     style: {
                                         marginTop: 'var(--spacing-12)'
                                     },
                                     children: [
                                         /*#__PURE__*/ jsx("span", {
-                                            className: classnames('byline-form-actions-copy-label', document_actions_module["copy-label"]),
+                                            className: clsx('byline-form-actions-copy-label', document_actions_module["copy-label"]),
                                             style: {
                                                 fontWeight: 500,
                                                 marginRight: 'var(--spacing-8)'
@@ -591,7 +591,7 @@ function DocumentActions({ publishedVersion, onUnpublish, onDelete, onDuplicate,
                                     "data-autofocus": true,
                                     type: "button",
                                     tabIndex: 0,
-                                    className: classnames('byline-form-actions-sr-only', document_actions_module["sr-only"]),
+                                    className: clsx('byline-form-actions-sr-only', document_actions_module["sr-only"]),
                                     children: "no action"
                                 }),
                                 /*#__PURE__*/ jsx(Button, {

package/dist/forms/form-modals.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "@byline/i18n/react";
 import { Button, CloseIcon, IconButton, Modal } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import form_renderer_module from "./form-renderer.module.js";
 const UnsavedChangesModal = ({ onClose })=>{
     const { t } = useTranslation('byline-admin');
@@ -16,15 +16,15 @@ const UnsavedChangesModal = ({ onClose })=>{
             },
             children: [
                 /*#__PURE__*/ jsx(Modal.Header, {
-                    className: classnames('byline-form-guard-modal-head', form_renderer_module["guard-modal-head"]),
+                    className: clsx('byline-form-guard-modal-head', form_renderer_module["guard-modal-head"]),
                     children: /*#__PURE__*/ jsx("h3", {
-                        className: classnames('byline-form-guard-modal-title', form_renderer_module["guard-modal-title"]),
+                        className: clsx('byline-form-guard-modal-title', form_renderer_module["guard-modal-title"]),
                         children: t('forms.unsavedChanges.title')
                     })
                 }),
                 /*#__PURE__*/ jsx(Modal.Content, {
                     children: /*#__PURE__*/ jsx("p", {
-                        className: classnames('byline-form-guard-modal-text', form_renderer_module["guard-modal-text"]),
+                        className: clsx('byline-form-guard-modal-text', form_renderer_module["guard-modal-text"]),
                         children: t('forms.unsavedChanges.message')
                     })
                 }),
@@ -56,10 +56,10 @@ const SystemFieldsConfirmModal = ({ contentDirty, pathDirty, availableLocalesDir
             },
             children: [
                 /*#__PURE__*/ jsxs(Modal.Header, {
-                    className: classnames('byline-form-guard-modal-head', form_renderer_module["guard-modal-head"]),
+                    className: clsx('byline-form-guard-modal-head', form_renderer_module["guard-modal-head"]),
                     children: [
                         /*#__PURE__*/ jsx("h3", {
-                            className: classnames('byline-form-guard-modal-title', form_renderer_module["guard-modal-title"]),
+                            className: clsx('byline-form-guard-modal-title', form_renderer_module["guard-modal-title"]),
                             children: contentDirty ? t('forms.systemFieldsConfirm.bothTitle') : t('forms.systemFieldsConfirm.title')
                         }),
                         /*#__PURE__*/ jsx(IconButton, {
@@ -78,7 +78,7 @@ const SystemFieldsConfirmModal = ({ contentDirty, pathDirty, availableLocalesDir
                     className: "prose",
                     children: [
                         contentDirty && /*#__PURE__*/ jsx("p", {
-                            className: classnames('byline-form-system-fields-content-note', 'm-0 mt-2'),
+                            className: clsx('byline-form-system-fields-content-note', 'm-0 mt-2'),
                             children: t('forms.systemFieldsConfirm.contentNote')
                         }),
                         /*#__PURE__*/ jsx("p", {
@@ -91,7 +91,7 @@ const SystemFieldsConfirmModal = ({ contentDirty, pathDirty, availableLocalesDir
                             children: t('forms.systemFieldsConfirm.intro')
                         }),
                         /*#__PURE__*/ jsxs("ul", {
-                            className: classnames('byline-form-system-fields-list', form_renderer_module["guard-modal-text"], 'm-0'),
+                            className: clsx('byline-form-system-fields-list', form_renderer_module["guard-modal-text"], 'm-0'),
                             children: [
                                 pathDirty && /*#__PURE__*/ jsx("li", {
                                     children: t('forms.systemFieldsConfirm.bulletPath')
@@ -102,7 +102,7 @@ const SystemFieldsConfirmModal = ({ contentDirty, pathDirty, availableLocalesDir
                             ]
                         }),
                         /*#__PURE__*/ jsx("p", {
-                            className: classnames('byline-form-system-fields-effect', form_renderer_module["guard-modal-text"]),
+                            className: clsx('byline-form-system-fields-effect', form_renderer_module["guard-modal-text"]),
                             style: {
                                 marginTop: 'var(--spacing-4)',
                                 marginBottom: 0,
@@ -152,15 +152,15 @@ const NavigationGuardModal = ({ onStay, onProceed })=>{
             },
             children: [
                 /*#__PURE__*/ jsx(Modal.Header, {
-                    className: classnames('byline-form-guard-modal-head', form_renderer_module["guard-modal-head"]),
+                    className: clsx('byline-form-guard-modal-head', form_renderer_module["guard-modal-head"]),
                     children: /*#__PURE__*/ jsx("h3", {
-                        className: classnames('byline-form-guard-modal-title', form_renderer_module["guard-modal-title"]),
+                        className: clsx('byline-form-guard-modal-title', form_renderer_module["guard-modal-title"]),
                         children: t('forms.navigationGuard.title')
                     })
                 }),
                 /*#__PURE__*/ jsx(Modal.Content, {
                     children: /*#__PURE__*/ jsx("p", {
-                        className: classnames('byline-form-guard-modal-text', form_renderer_module["guard-modal-text"]),
+                        className: clsx('byline-form-guard-modal-text', form_renderer_module["guard-modal-text"]),
                         children: t('forms.navigationGuard.message')
                     })
                 }),