@byline/ui 0.10.0 → 0.10.1

package/dist/admin/components/admin-account/change-password.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
-import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
 import change_password_module from "./change-password.module.js";
 const changePasswordFormSchema = z.object({
     currentPassword: z.string().min(1, {

package/dist/admin/components/admin-account/container.js

@@ -1,9 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, CloseIcon, Drawer, EditIcon, IconButton } from "../../../uikit.js";
 import classnames from "classnames";
 import { LocalDateTime } from "../../../fields/local-date-time.js";
+import { Button, CloseIcon, Drawer, EditIcon, IconButton } from "../../../uikit.js";
 import { ChangeAccountPassword } from "./change-password.js";
 import container_module from "./container.module.js";
 import { UpdateAccount } from "./update.js";

package/dist/admin/components/admin-account/update.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Input, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Input, LoaderEllipsis } from "../../../uikit.js";
 import update_module from "./update.module.js";
 const updateAccountSchema = z.object({
     given_name: z.string().max(100, 'Given name must not exceed 100 characters'),

package/dist/admin/components/admin-permissions/inspector.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, Container, LoaderRing, Section } from "../../../uikit.js";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Button, Container, LoaderRing, Section } from "../../../uikit.js";
 import inspector_module from "./inspector.module.js";
 function sourceVariant(source) {
     switch(source){

package/dist/admin/components/admin-roles/create.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
 import create_module from "./create.module.js";
 const createAdminRoleFormSchema = z.object({
     name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),

package/dist/admin/components/admin-roles/permissions.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
 import permissions_module from "./permissions.module.js";
 function setsEqual(a, b) {
     if (a.size !== b.size) return false;

package/dist/admin/components/admin-roles/update.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
 import update_module from "./update.module.js";
 const updateRoleSchema = z.object({
     name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),

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

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
 import create_module from "./create.module.js";
 const createAdminUserFormSchema = z.object({
     email: z.email({

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
 import roles_module from "./roles.module.js";
 function setsEqual(a, b) {
     if (a.size !== b.size) return false;

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

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
 import { passwordSchema } from "@byline/core/validation";
-import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, InputPassword, LoaderEllipsis } from "../../../uikit.js";
 import set_password_module from "./set-password.module.js";
 const setPasswordFormSchema = z.object({
     password: passwordSchema,

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

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { z } from "zod";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
 import update_module from "./update.module.js";
 const updateUserSchema = z.object({
     given_name: z.string().max(100, 'Given name must not exceed 100 characters'),

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Alert, Button, Card, Input, LoaderEllipsis } from "../../../uikit.js";
 import classnames from "classnames";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { Alert, Button, Card, Input, LoaderEllipsis } from "../../../uikit.js";
 import sign_in_form_module from "./sign-in-form.module.js";
 function SignInForm({ callbackUrl }) {
     const { adminSignIn } = useBylineAdminServices();

package/dist/admin/components/collections/diff-modal.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { CloseIcon, IconButton, LoaderRing, Modal } from "../../../uikit.js";
 import classnames from "classnames";
 import react_diff_viewer_continued, { DiffMethod } from "react-diff-viewer-continued";
 import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import { CloseIcon, IconButton, LoaderRing, Modal } from "../../../uikit.js";
 import diff_modal_module from "./diff-modal.module.js";
 const STRIP_KEYS = new Set([
     'id',

package/dist/admin/components/collections/status-badge.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { WORKFLOW_STATUS_ARCHIVED, WORKFLOW_STATUS_DRAFT, WORKFLOW_STATUS_PUBLISHED } from "@byline/core";
-import { Badge } from "../../../uikit.js";
 import classnames from "classnames";
+import { Badge } from "../../../uikit.js";
 import status_badge_module from "./status-badge.module.js";
 function statusIntent(status) {
     switch(status){

package/dist/admin/tabs.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Badge } from "../uikit.js";
 import classnames from "classnames";
+import { Badge } from "../uikit.js";
 import tabs_module from "./tabs.module.js";
 const Tabs = ({ tabs, activeTab, onChange, errorCounts, className })=>/*#__PURE__*/ jsx("div", {
         role: "tablist",

package/dist/dnd/draggable-sortable/demo/draggable-list-demo.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Card, GripperVerticalIcon } from "../../../uikit.js";
 import classnames from "classnames";
+import { Card, GripperVerticalIcon } from "../../../uikit.js";
 import { DraggableSortable, moveItem, useSortable } from "../index.js";
 import draggable_list_demo_module from "./draggable-list-demo.module.js";
 const sourceItems = [

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { IconButton, PlusIcon } from "../../uikit.js";
 import classnames from "classnames";
 import { DraggableSortable, moveItem } from "../../dnd/draggable-sortable/index.js";
 import { defaultScalarForField } from "../field-helpers.js";
 import { FieldRenderer } from "../field-renderer.js";
 import { SortableItem } from "../sortable-item.js";
 import { useFormContext } from "../../forms/form-context.js";
+import { IconButton, PlusIcon } from "../../uikit.js";
 import array_field_module from "./array-field.module.js";
 const ArrayField = ({ field, defaultValue, path, disableSorting = false })=>{
     const { appendPatch, getFieldValue, getFieldValues, setFieldStore } = useFormContext();

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
-import { Card, CloseIcon, IconButton, Modal, PlusIcon } from "../../uikit.js";
 import classnames from "classnames";
 import { DraggableSortable, moveItem } from "../../dnd/draggable-sortable/index.js";
 import { defaultScalarForField } from "../field-helpers.js";
 import { GroupField } from "../group/group-field.js";
 import { SortableItem } from "../sortable-item.js";
 import { useFormContext } from "../../forms/form-context.js";
+import { Card, CloseIcon, IconButton, Modal, PlusIcon } from "../../uikit.js";
 import blocks_field_module from "./blocks-field.module.js";
 const BlocksField = ({ field, defaultValue, path })=>{
     const { appendPatch, getFieldValue, getFieldValues, setFieldStore } = useFormContext();

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Checkbox } from "../../uikit.js";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
+import { Checkbox } from "../../uikit.js";
 const CheckboxField = ({ field, value, defaultValue, onChange, id, path })=>{
     const fieldPath = path ?? field.name;
     const fieldError = useFieldError(fieldPath);

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { DatePicker, ErrorText } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
+import { DatePicker, ErrorText } from "../../uikit.js";
 import datetime_field_module from "./datetime-field.module.js";
 const DateTimeField = ({ field, value, defaultValue, onChange, id, path })=>{
     const fieldPath = path ?? field.name;

package/dist/fields/draggable-context-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { DeleteIcon, Dropdown, EllipsisIcon, IconButton, PlusIcon } from "../uikit.js";
 import classnames from "classnames";
+import { DeleteIcon, Dropdown, EllipsisIcon, IconButton, PlusIcon } from "../uikit.js";
 import draggable_context_menu_module from "./draggable-context-menu.module.js";
 function DraggableContextMenu({ onAddBelow, onRemove }) {
     const itemClass = classnames('byline-draggable-menu-item', draggable_context_menu_module.item);

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ErrorText } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
+import { ErrorText } from "../../uikit.js";
 import file_field_module from "./file-field.module.js";
 const FileField = ({ field, value, defaultValue, onChange: _onChange, path })=>{
     const fieldPath = path ?? field.name;

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { ErrorText } from "../../uikit.js";
 import classnames from "classnames";
 import { placeholderForField } from "../field-helpers.js";
 import { FieldRenderer } from "../field-renderer.js";
 import { useFieldError } from "../../forms/form-context.js";
+import { ErrorText } from "../../uikit.js";
 import group_field_module from "./group-field.module.js";
 const GroupField = ({ field, defaultValue, path })=>{
     const fieldError = useFieldError(field.name);

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

@@ -1,8 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isPendingStoredFileValue } from "@byline/core";
-import { ErrorText } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue, useFormContext, useIsDirty } from "../../forms/form-context.js";
+import { ErrorText } from "../../uikit.js";
 import { useFieldChangeHandler } from "../use-field-change-handler.js";
 import image_field_module from "./image-field.module.js";
 import { ImageUploadField } from "./image-upload-field.js";

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Input } from "../../uikit.js";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
+import { Input } from "../../uikit.js";
 const NumericalField = ({ field, value, defaultValue, onChange, id, path, components })=>{
     const fieldPath = path ?? field.name;
     const fieldError = useFieldError(fieldPath);

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { getCollectionAdminConfig, getCollectionDefinition } from "@byline/core";
-import { Button, ErrorText, Label } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
+import { Button, ErrorText, Label } from "../../uikit.js";
 import relation_field_module from "./relation-field.module.js";
 import { RelationPicker } from "./relation-picker.js";
 import { RelationSummary } from "./relation-summary.js";

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { getCollectionAdminConfig } from "@byline/core";
-import { Button, LoaderRing, Modal, Search } from "../../uikit.js";
 import classnames from "classnames";
 import { useBylineFieldServices } from "../../services/field-services-context.js";
+import { Button, LoaderRing, Modal, Search } from "../../uikit.js";
 import { PickerCell, resolveFallbackDisplayField, resolveRowLabel, resolveSelectFields } from "./relation-display.js";
 import relation_picker_module from "./relation-picker.module.js";
 const PAGE_SIZE = 15;

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ErrorText, Select } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
+import { ErrorText, Select } from "../../uikit.js";
 import select_field_module from "./select-field.module.js";
 const SelectField = ({ field, value, defaultValue, onChange, id, path })=>{
     const fieldPath = path ?? field.name;

package/dist/fields/sortable-item.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { ChevronDownIcon, GripperVerticalIcon } from "../uikit.js";
 import classnames from "classnames";
 import { useSortable } from "../dnd/draggable-sortable/index.js";
+import { ChevronDownIcon, GripperVerticalIcon } from "../uikit.js";
 import { DraggableContextMenu } from "./draggable-context-menu.js";
 import sortable_item_module from "./sortable-item.module.js";
 const SortableItem = ({ id, label, children, onAddBelow, onRemove })=>{

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { Input, Label } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
+import { Input, Label } from "../../uikit.js";
 import { LocaleBadge } from "../locale-badge.js";
 import text_field_module from "./text-field.module.js";
 const TextField = ({ field, value, defaultValue, onChange, id, path, locale, components })=>{

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { Label, TextArea } from "../../uikit.js";
 import classnames from "classnames";
 import { useFieldError, useFieldValue } from "../../forms/form-context.js";
+import { Label, TextArea } from "../../uikit.js";
 import { LocaleBadge } from "../locale-badge.js";
 import text_area_field_module from "./text-area-field.module.js";
 const TextAreaField = ({ field, value, defaultValue, onChange, id, path, locale, components })=>{

package/dist/forms/document-actions.js

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, CloseIcon, DeleteIcon, Dropdown, EllipsisIcon, IconButton, Modal } from "../uikit.js";
 import classnames from "classnames";
+import { Button, CloseIcon, DeleteIcon, Dropdown, EllipsisIcon, IconButton, Modal } from "../uikit.js";
 import document_actions_module from "./document-actions.module.js";
 function DocumentActions({ publishedVersion, onUnpublish, onDelete }) {
     const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);

package/dist/forms/form-renderer.js

@@ -1,6 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Button, ComboButton, Modal } from "../uikit.js";
 import classnames from "classnames";
 import { Group } from "../admin/group.js";
 import { Row } from "../admin/row.js";
@@ -8,6 +7,7 @@ import { Tabs } from "../admin/tabs.js";
 import { FieldRenderer } from "../fields/field-renderer.js";
 import { LocalDateTime } from "../fields/local-date-time.js";
 import { useBylineFieldServices } from "../services/field-services-context.js";
+import { Button, ComboButton, Modal } from "../uikit.js";
 import { DocumentActions } from "./document-actions.js";
 import { FormProvider, useFieldValue, useFormContext } from "./form-context.js";
 import form_renderer_module from "./form-renderer.module.js";

package/dist/forms/path-widget.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { slugify } from "@byline/core";
-import { Input, Label } from "../uikit.js";
 import classnames from "classnames";
+import { Input, Label } from "../uikit.js";
 import { useFieldValue, useFormContext, useSystemPath } from "./form-context.js";
 import path_widget_module from "./path-widget.module.js";
 function coerceToString(value) {

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -94,9 +94,9 @@
     "react-diff-viewer-continued": "^4.2.2",
     "zod": "^4.4.2",
     "zod-form-data": "^3.0.1",
-    "@byline/admin": "0.10.0",
-    "@byline/core": "0.10.0",
-    "@byline/client": "0.10.0"
+    "@byline/admin": "0.10.1",
+    "@byline/client": "0.10.1",
+    "@byline/core": "0.10.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/.uikit-sync.json

@@ -4,6 +4,6 @@
   "upstreamSha": "70d936a49b9b233dc718ccf1f29acb3daf3009f1",
   "upstreamDirty": true,
   "syncedAt": "2026-05-03T20:12:55Z",
-  "syncedDirs": ["components","icons","hooks","lib","loaders","styles","utils","widgets"],
+  "syncedDirs": ["components", "icons", "hooks", "lib", "loaders", "styles", "utils", "widgets"],
   "syncedFiles": ["uikit.ts"]
 }

package/src/admin/components/admin-account/change-password.tsx

@@ -30,11 +30,11 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AccountResponse } from '@byline/admin/admin-account'
 import { passwordSchema } from '@byline/core/validation'
-import { Alert, Button, InputPassword, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, InputPassword, LoaderEllipsis } from '../../../uikit.js'
 import styles from './change-password.module.css'
 
 const changePasswordFormSchema = z

package/src/admin/components/admin-account/container.tsx

@@ -28,10 +28,10 @@ import type React from 'react'
 import { useState } from 'react'
 
 import type { AccountResponse } from '@byline/admin/admin-account'
-import { Button, CloseIcon, Drawer, EditIcon, IconButton } from '../../../uikit.js'
 import cx from 'classnames'
 
 import { LocalDateTime } from '../../../fields/local-date-time.js'
+import { Button, CloseIcon, Drawer, EditIcon, IconButton } from '../../../uikit.js'
 import { ChangeAccountPassword } from './change-password.js'
 import styles from './container.module.css'
 import { UpdateAccount } from './update.js'

package/src/admin/components/admin-account/update.tsx

@@ -26,11 +26,11 @@ import { useState } from 'react'
 import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AccountResponse } from '@byline/admin/admin-account'
-import { Alert, Button, Input, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Input, LoaderEllipsis } from '../../../uikit.js'
 import styles from './update.module.css'
 
 const updateAccountSchema = z.object({

package/src/admin/components/admin-permissions/inspector.tsx

@@ -34,10 +34,10 @@ import type {
   ListRegisteredAbilitiesResponse,
   WhoHasAbilityResponse,
 } from '@byline/admin/admin-permissions'
-import { Button, Container, LoaderRing, Section } from '../../../uikit.js'
 import cx from 'classnames'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Button, Container, LoaderRing, Section } from '../../../uikit.js'
 import styles from './inspector.module.css'
 
 // --- helpers ---------------------------------------------------------------

package/src/admin/components/admin-roles/create.tsx

@@ -21,11 +21,11 @@ import { useState } from 'react'
 import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AdminRoleResponse } from '@byline/admin/admin-roles'
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from '../../../uikit.js'
 import styles from './create.module.css'
 
 const createAdminRoleFormSchema = z.object({

package/src/admin/components/admin-roles/permissions.tsx

@@ -38,10 +38,10 @@ import type {
   SetRoleAbilitiesResponse,
 } from '@byline/admin/admin-permissions'
 import type { AdminRoleResponse } from '@byline/admin/admin-roles'
-import { Alert, Button, Checkbox, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Checkbox, LoaderEllipsis } from '../../../uikit.js'
 import styles from './permissions.module.css'
 
 type Mode = 'view' | 'edit'

package/src/admin/components/admin-roles/update.tsx

@@ -21,11 +21,11 @@ import { useState } from 'react'
 import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AdminRoleResponse } from '@byline/admin/admin-roles'
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Input, LoaderEllipsis, TextArea } from '../../../uikit.js'
 import styles from './update.module.css'
 import type { UpdateAdminRoleInput } from '../../../services/admin-services-types.js'
 

package/src/admin/components/admin-users/create.tsx

@@ -28,11 +28,11 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AdminUserResponse } from '@byline/admin/admin-users'
 import { passwordSchema } from '@byline/core/validation'
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from '../../../uikit.js'
 import styles from './create.module.css'
 
 const createAdminUserFormSchema = z.object({

package/src/admin/components/admin-users/roles.tsx

@@ -27,10 +27,10 @@ import { useState } from 'react'
 
 import type { AdminRoleResponse, UserRolesResponse } from '@byline/admin/admin-roles'
 import type { AdminUserResponse } from '@byline/admin/admin-users'
-import { Alert, Button, Checkbox, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Checkbox, LoaderEllipsis } from '../../../uikit.js'
 import styles from './roles.module.css'
 
 interface UserRolesProps {

package/src/admin/components/admin-users/set-password.tsx

@@ -26,11 +26,11 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AdminUserResponse } from '@byline/admin/admin-users'
 import { passwordSchema } from '@byline/core/validation'
-import { Alert, Button, InputPassword, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, InputPassword, LoaderEllipsis } from '../../../uikit.js'
 import styles from './set-password.module.css'
 
 const setPasswordFormSchema = z

package/src/admin/components/admin-users/update.tsx

@@ -24,11 +24,11 @@ import { useState } from 'react'
 import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import type { AdminUserResponse } from '@byline/admin/admin-users'
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from '../../../uikit.js'
 import styles from './update.module.css'
 
 const updateUserSchema = z.object({

package/src/admin/components/auth/sign-in-form.tsx

@@ -22,10 +22,10 @@
 
 import { type FormEvent, useState } from 'react'
 
-import { Alert, Button, Card, Input, LoaderEllipsis } from '../../../uikit.js'
 import cx from 'classnames'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { Alert, Button, Card, Input, LoaderEllipsis } from '../../../uikit.js'
 import styles from './sign-in-form.module.css'
 
 interface SignInFormProps {

package/src/admin/components/collections/diff-modal.tsx

@@ -8,11 +8,11 @@
 
 import { useEffect, useState } from 'react'
 
-import { CloseIcon, IconButton, LoaderRing, Modal } from '../../../uikit.js'
 import cx from 'classnames'
 import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer-continued'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
+import { CloseIcon, IconButton, LoaderRing, Modal } from '../../../uikit.js'
 import styles from './diff-modal.module.css'
 
 // Keys that are per-version metadata rather than content — strip before diffing

package/src/admin/components/collections/status-badge.tsx

@@ -12,9 +12,9 @@ import {
   WORKFLOW_STATUS_DRAFT,
   WORKFLOW_STATUS_PUBLISHED,
 } from '@byline/core'
-import { Badge } from '../../../uikit.js'
 import cx from 'classnames'
 
+import { Badge } from '../../../uikit.js'
 import styles from './status-badge.module.css'
 
 function statusIntent(status: string): 'success' | 'warning' | 'info' | 'noeffect' {

package/src/admin/tabs.tsx

@@ -6,9 +6,9 @@
  * Copyright (c) Infonomic Company Limited
  */
 
-import { Badge } from '../uikit.js'
 import cx from 'classnames'
 
+import { Badge } from '../uikit.js'
 import styles from './tabs.module.css'
 
 export interface TabItem {

package/src/components/scroll-to-top/scroll-to-top.module.css

@@ -1,8 +1,4 @@
-@layer byline-base,
-  byline-utilities,
-  byline-theme,
-  byline-typography,
-  byline-components;
+@layer byline-base, byline-utilities, byline-theme, byline-typography, byline-components;
 
 @layer byline-components {
   .scroll-to-top,

package/src/dnd/draggable-sortable/demo/draggable-list-demo.tsx

@@ -2,9 +2,9 @@
 
 import { useState } from 'react'
 
-import { Card, GripperVerticalIcon } from '../../../uikit.js'
 import cx from 'classnames'
 
+import { Card, GripperVerticalIcon } from '../../../uikit.js'
 import { DraggableSortable, moveItem, useSortable } from '..'
 import styles from './draggable-list-demo.module.css'
 

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

@@ -9,7 +9,6 @@
 import { useEffect, useState } from 'react'
 
 import type { ArrayField as ArrayFieldType, Field } from '@byline/core'
-import { IconButton, PlusIcon } from '../../uikit.js'
 import cx from 'classnames'
 
 import { DraggableSortable, moveItem } from '../../dnd/draggable-sortable'
@@ -17,6 +16,7 @@ import { defaultScalarForField } from '../../fields/field-helpers'
 import { FieldRenderer } from '../../fields/field-renderer'
 import { SortableItem } from '../../fields/sortable-item'
 import { useFormContext } from '../../forms/form-context'
+import { IconButton, PlusIcon } from '../../uikit.js'
 import styles from './array-field.module.css'
 
 // ---------------------------------------------------------------------------

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

@@ -13,7 +13,6 @@ import type {
   Field,
   GroupField as GroupFieldType,
 } from '@byline/core'
-import { Card, CloseIcon, IconButton, Modal, PlusIcon } from '../../uikit.js'
 import cx from 'classnames'
 
 import { DraggableSortable, moveItem } from '../../dnd/draggable-sortable'
@@ -21,6 +20,7 @@ import { defaultScalarForField } from '../../fields/field-helpers'
 import { GroupField } from '../../fields/group/group-field'
 import { SortableItem } from '../../fields/sortable-item'
 import { useFormContext } from '../../forms/form-context'
+import { Card, CloseIcon, IconButton, Modal, PlusIcon } from '../../uikit.js'
 import styles from './blocks-field.module.css'
 
 // ---------------------------------------------------------------------------

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

@@ -7,9 +7,9 @@
  */
 
 import type { CheckboxField as FieldType } from '@byline/core'
-import { Checkbox } from '../../uikit.js'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
+import { Checkbox } from '../../uikit.js'
 
 export const CheckboxField = ({
   field,

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

@@ -7,10 +7,10 @@
  */
 
 import type { DateTimeField as FieldType } from '@byline/core'
-import { DatePicker, ErrorText } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue, useIsDirty } from '../../forms/form-context'
+import { DatePicker, ErrorText } from '../../uikit.js'
 import styles from './datetime-field.module.css'
 
 export const DateTimeField = ({

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

@@ -8,6 +8,8 @@
  * Copyright (c) Infonomic Company Limited
  */
 
+import cx from 'classnames'
+
 import {
   DeleteIcon,
   Dropdown as DropdownMenu,
@@ -15,8 +17,6 @@ import {
   IconButton,
   PlusIcon,
 } from '../uikit.js'
-import cx from 'classnames'
-
 import styles from './draggable-context-menu.module.css'
 
 interface DraggableContextMenuProps {

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

@@ -7,10 +7,10 @@
  */
 
 import type { FileField as FieldType, StoredFileValue } from '@byline/core'
-import { ErrorText } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue, useIsDirty } from '../../forms/form-context'
+import { ErrorText } from '../../uikit.js'
 import styles from './file-field.module.css'
 
 interface FileFieldProps {

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

@@ -9,12 +9,12 @@
 import { useMemo } from 'react'
 
 import type { Field, GroupField as GroupFieldType } from '@byline/core'
-import { ErrorText } from '../../uikit.js'
 import cx from 'classnames'
 
 import { placeholderForField } from '../../fields/field-helpers'
 import { FieldRenderer } from '../../fields/field-renderer'
 import { useFieldError } from '../../forms/form-context'
+import { ErrorText } from '../../uikit.js'
 import styles from './group-field.module.css'
 
 // ---------------------------------------------------------------------------

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

@@ -11,10 +11,10 @@ import {
   isPendingStoredFileValue,
   type StoredFileValue,
 } from '@byline/core'
-import { ErrorText } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue, useFormContext, useIsDirty } from '../../forms/form-context'
+import { ErrorText } from '../../uikit.js'
 import { useFieldChangeHandler } from '../use-field-change-handler'
 import styles from './image-field.module.css'
 import { ImageUploadField } from './image-upload-field'

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

@@ -13,9 +13,9 @@ import type {
   FloatField,
   IntegerField,
 } from '@byline/core'
-import { Input } from '../../uikit.js'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
+import { Input } from '../../uikit.js'
 
 export const NumericalField = ({
   field,

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

@@ -15,10 +15,10 @@ import type {
   RelatedDocumentValue,
 } from '@byline/core'
 import { getCollectionAdminConfig, getCollectionDefinition } from '@byline/core'
-import { Button, ErrorText, Label } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
+import { Button, ErrorText, Label } from '../../uikit.js'
 import styles from './relation-field.module.css'
 import { RelationPicker } from './relation-picker'
 import { RelationSummary } from './relation-summary'

package/src/fields/relation/relation-picker.tsx

@@ -10,10 +10,10 @@ import { useCallback, useEffect, useState } from 'react'
 
 import type { CollectionAdminConfig, CollectionDefinition } from '@byline/core'
 import { getCollectionAdminConfig } from '@byline/core'
-import { Button, LoaderRing, Modal, Search } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useBylineFieldServices } from '../../services/field-services-context'
+import { Button, LoaderRing, Modal, Search } from '../../uikit.js'
 import {
   PickerCell,
   resolveFallbackDisplayField,

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

@@ -7,10 +7,10 @@
  */
 
 import type { SelectField as FieldType } from '@byline/core'
-import { ErrorText, Select } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue, useIsDirty } from '../../forms/form-context'
+import { ErrorText, Select } from '../../uikit.js'
 import styles from './select-field.module.css'
 
 export const SelectField = ({

package/src/fields/sortable-item.tsx

@@ -8,10 +8,10 @@
 
 import { type ReactNode, useState } from 'react'
 
-import { ChevronDownIcon, GripperVerticalIcon } from '../uikit.js'
 import cx from 'classnames'
 
 import { useSortable } from '../dnd/draggable-sortable'
+import { ChevronDownIcon, GripperVerticalIcon } from '../uikit.js'
 import { DraggableContextMenu } from './draggable-context-menu'
 import styles from './sortable-item.module.css'
 

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

@@ -9,10 +9,10 @@
 import { useCallback } from 'react'
 
 import type { Field, FieldComponentSlots, TextField as FieldType } from '@byline/core'
-import { Input, Label } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
+import { Input, Label } from '../../uikit.js'
 import { LocaleBadge } from '../locale-badge'
 import styles from './text-field.module.css'
 

package/src/fields/text-area/text-area-field.tsx

@@ -9,10 +9,10 @@
 import { useCallback } from 'react'
 
 import type { Field, FieldComponentSlots, TextAreaField as FieldType } from '@byline/core'
-import { Label, TextArea } from '../../uikit.js'
 import cx from 'classnames'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
+import { Label, TextArea } from '../../uikit.js'
 import { LocaleBadge } from '../locale-badge'
 import styles from './text-area-field.module.css'
 

package/src/forms/document-actions.tsx

@@ -8,6 +8,8 @@
 
 import { useState } from 'react'
 
+import cx from 'classnames'
+
 import {
   Button,
   CloseIcon,
@@ -17,8 +19,6 @@ import {
   IconButton,
   Modal,
 } from '../uikit.js'
-import cx from 'classnames'
-
 import styles from './document-actions.module.css'
 import type { PublishedVersionInfo } from './form-renderer'
 

package/src/forms/form-renderer.tsx

@@ -16,7 +16,6 @@ import type {
   TabSetDefinition,
   WorkflowStatus,
 } from '@byline/core'
-import { Button, ComboButton, Modal } from '../uikit.js'
 import cx from 'classnames'
 
 import { Group } from '../admin/group'
@@ -25,6 +24,7 @@ import { Tabs } from '../admin/tabs'
 import { FieldRenderer } from '../fields/field-renderer'
 import { LocalDateTime } from '../fields/local-date-time'
 import { useBylineFieldServices } from '../services/field-services-context'
+import { Button, ComboButton, Modal } from '../uikit.js'
 import { DocumentActions } from './document-actions'
 import { FormProvider, useFieldValue, useFormContext } from './form-context'
 import styles from './form-renderer.module.css'

package/src/forms/path-widget.tsx

@@ -9,9 +9,9 @@
 import { useCallback, useMemo } from 'react'
 
 import { slugify } from '@byline/core'
-import { Input, Label } from '../uikit.js'
 import cx from 'classnames'
 
+import { Input, Label } from '../uikit.js'
 import { useFieldValue, useFormContext, useSystemPath } from './form-context'
 import styles from './path-widget.module.css'
 

package/src/styles/local-fonts.css

@@ -74,7 +74,8 @@
 
 @font-face {
   font-family: "Merriweather";
-  src: url("/fonts/Merriweather/Merriweather-Italic-VariableFont_opsz,wdth,wght.woff2") format("woff2");
+  src: url("/fonts/Merriweather/Merriweather-Italic-VariableFont_opsz,wdth,wght.woff2")
+    format("woff2");
   font-weight: 100 900;
   font-style: italic;
   font-display: swap;
@@ -94,4 +95,4 @@
   font-weight: 100 900;
   font-style: italic;
   font-display: swap;
-}
+}