@protobase/ui 0.63.4 → 0.63.5

package/dist/account/devices-section.js

@@ -1,8 +1,8 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
-import { formatDateTime } from "../format/date.js";
 import { Badge } from "../primitives/badge.js";
+import { formatDateTime } from "../format/date.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { deviceOf } from "./device-name.js";

package/dist/account/passkeys-section.js

@@ -1,9 +1,9 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
+import { Badge } from "../primitives/badge.js";
 import { formatDate } from "../format/date.js";
 import { Input } from "../primitives/input.js";
-import { Badge } from "../primitives/badge.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";

package/dist/account/staff-sign-in-log.js

@@ -1,6 +1,6 @@
 import { text } from "./messages.js";
-import { formatDateTime } from "../format/date.js";
 import { Badge } from "../primitives/badge.js";
+import { formatDateTime } from "../format/date.js";
 import { AccountSection, SectionError } from "./account-section.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/account/staff-sign-in-log.tsx

package/dist/activity-chart/activity-chart.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { useMediaQuery } from "../lib/use-media-query.js";
-import { formatInt } from "../format/number.js";
 import { formatDayShort } from "../format/date.js";
+import { formatInt } from "../format/number.js";
 import { activitySeries } from "../mocks/activity.js";
 import { Segmented } from "../primitives/segmented.js";
 import { halfOverHalfDelta, totalCount } from "./activity-math.js";

package/dist/activity-chart/activity-tooltip.js

@@ -1,5 +1,5 @@
-import { formatInt } from "../format/number.js";
 import { formatDate } from "../format/date.js";
+import { formatInt } from "../format/number.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/activity-chart/activity-tooltip.tsx
 const ActivityTooltip = ({ active, payload, noun }) => {

package/dist/app/app.js

@@ -5,7 +5,6 @@ import { ApiProvider } from "../data/api-provider.js";
 import { sourceStatusOf } from "../data/with-sources.js";
 import { MetaGate, Notice, useAdminMeta } from "./meta-gate.js";
 import { pageTabs, shownPageTab } from "./pages/page-tabs.js";
-import { ToastProvider } from "../toasts/toast-provider.js";
 import { humanize } from "../live/naming.js";
 import { text } from "./messages.js";
 import { Router, useRouter } from "./router.js";
@@ -17,6 +16,7 @@ import { isAdmin, userToShell } from "../auth/user-to-shell.js";
 import { startErrorReporting } from "./error-reporting.js";
 import { slotted } from "../locale/slotted.js";
 import { CustomBoundary } from "./pages/custom-boundary.js";
+import { ToastProvider } from "../toasts/toast-provider.js";
 import { useSidebarNoticeShown } from "../app-shell/sidebar-notice.js";
 import { AppShell } from "../app-shell/app-shell.js";
 import { useSignInAddress } from "../auth/use-sign-in-address.js";

package/dist/app/change-confirm/use-change-confirm.js

@@ -5,13 +5,12 @@ import { asksToConfirm } from "./asks-to-confirm.js";
 import { text } from "./messages.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
 //#region src/app/change-confirm/use-change-confirm.tsx
 /**
 * Whether `node` sits in the question a change asks. The dialog is portalled to the body, so a list cell does not clip
 * it, while its events still bubble through the editor that asked it.
 */
-const inChangeConfirm = (node) => node instanceof Element && node.closest("[data-change-confirm]") !== null;
+const inChangeConfirm = (node) => node instanceof Element && node.closest("[data-dialog=\"change-confirm\"]") !== null;
 /**
 * The field's `onChange`, asking the view's `.confirm()` question before it hands on a change that `asksToConfirm`
 * picks out, and the dialog that asks it. Cancelling drops the change, so the field keeps its value.
@@ -29,22 +28,20 @@ const useChangeConfirm = ({ field, hints, value, stored, onChange }) => {
 	};
 	return {
 		onChange: change,
-		dialog: pending && createPortal(/* @__PURE__ */ jsx("div", {
-			"data-change-confirm": "",
-			children: /* @__PURE__ */ jsx(Dialog, {
-				title: text("title", hints?.label ?? humanize(field.name)),
-				description: hints?.confirm,
-				onClose: cancel,
-				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
-					onClick: cancel,
-					children: text("cancel")
-				}), /* @__PURE__ */ jsx(Button, {
-					variant: "primary",
-					onClick: confirm,
-					children: text("change")
-				})] })
-			})
-		}), document.body)
+		dialog: pending && /* @__PURE__ */ jsx(Dialog, {
+			name: "change-confirm",
+			title: text("title", hints?.label ?? humanize(field.name)),
+			description: hints?.confirm,
+			onClose: cancel,
+			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+				onClick: cancel,
+				children: text("cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				onClick: confirm,
+				children: text("change")
+			})] })
+		})
 	};
 };
 //#endregion

package/dist/app/charts/chart-view.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
 import { viewerZone } from "../../format/zone.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { labelFieldOf } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { useAggregate } from "../../data/use-aggregates.js";
 import { text } from "./messages.js";
 import { periodPoints, valueSlices } from "./chart-groups.js";

package/dist/app/comments/comment-composer.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { useNavigationGuard } from "../router.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { mentionedIds } from "../../mentions/mention-text.js";
 import { MentionBox, emptyDraft } from "../../mentions/mention-box.js";
 import { usePostComment } from "./use-post-comment.js";

package/dist/app/comments/comments-section.js

@@ -1,8 +1,8 @@
 import { Button } from "../../primitives/button.js";
-import { formatDateTime, formatRelativeTime } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Avatar } from "../../primitives/avatar.js";
 import { Section } from "../../record-view/section.js";
+import { formatDateTime, formatRelativeTime } from "../../format/date.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { hueOf, initialsOf } from "../../auth/user-to-shell.js";
 import { CommentBody } from "./comment-body.js";

package/dist/app/create/create-record-form.js

@@ -1,5 +1,5 @@
-import { Field } from "../../record-view/field.js";
 import { Section } from "../../record-view/section.js";
+import { Field } from "../../record-view/field.js";
 import { text } from "./messages.js";
 import { Form } from "./form.js";
 import { jsx } from "react/jsx-runtime";

package/dist/app/custom-section.js

@@ -1,6 +1,6 @@
 import { Section } from "../record-view/section.js";
-import { SidebarCard } from "../record-view/record-sidebar.js";
 import { text } from "./messages.js";
+import { SidebarCard } from "../record-view/record-sidebar.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { Problem } from "./pages/problem.js";
 import { slotted } from "../locale/slotted.js";

package/dist/app/delete/use-delete-flow.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { useAppAddress } from "../use-app-address.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { blockedDelete } from "./blocked-delete.js";
 import { BulkDeleteDialog, ConfirmDeleteDialog, ConflictDialog } from "./dialogs.js";

package/dist/app/displays/board-column.js

@@ -1,10 +1,10 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { cn } from "../../lib/cn.js";
 import { Button } from "../../primitives/button.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { boardCard } from "./board-columns.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { rowAllows } from "../permissions.js";
 import { ValueBadge } from "../value-badge.js";

package/dist/app/displays/calendar-display.js

@@ -2,8 +2,8 @@ import { cn } from "../../lib/cn.js";
 import { usePermissions } from "../meta-gate.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate, formatWeekday } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can, rowAllows } from "../permissions.js";

package/dist/app/displays/cards-display.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/cn.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { RecordCard } from "./record-card.js";
 import { DisplayFooter, DisplayState } from "./display-frame.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/app/displays/list-cards.js

@@ -1,7 +1,7 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
 import { displayRow } from "./list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { RecordCard } from "./record-card.js";
 import { VirtualCards } from "./virtual-cards.js";

package/dist/app/displays/timeline-display.js

@@ -1,9 +1,9 @@
 import { usePermissions } from "../meta-gate.js";
 import { dayIn, viewerZone } from "../../format/zone.js";
 import { formatDate } from "../../format/date.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { text } from "./messages.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { can, rowAllows } from "../permissions.js";
 import { addDays, inStartOrder, recordDays } from "./calendar-range.js";

package/dist/app/displays/use-board-move.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { refusalReason } from "./board-columns.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { dropWrite } from "./board-drop.js";
 import { text as text$1 } from "../hand-order/messages.js";

package/dist/app/displays/use-calendar-move.js

@@ -1,9 +1,9 @@
 import { useClient } from "../../data/api-provider.js";
 import { formatDate } from "../../format/date.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { text } from "./messages.js";
 import { refusalReason } from "./board-columns.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { movedPatch } from "./calendar-range.js";
 import { useState } from "react";

package/dist/app/embedded-list/embedded-list.js

@@ -1,10 +1,10 @@
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
 import { useIsDesktop, useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { listColumnNames } from "../../live/columns-from-model.js";
 import { displayRow, loadedFields, shownDisplay } from "../displays/list-displays.js";
 import { defaultOrderBy, parseSort, sortToOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink, useAppAddress } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useProjectUi } from "../pages/project-ui.js";

package/dist/app/field-editor.js

@@ -1,13 +1,13 @@
 import { cn } from "../lib/cn.js";
 import { buttonClass } from "../primitives/button.js";
-import { useFieldControl } from "../primitives/field-control.js";
-import { Input } from "../primitives/input.js";
 import { humanize } from "../live/naming.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
 import { contactFormat, contactInputProps } from "../live/contact-links.js";
 import { displayValue, valueTitle } from "../live/display-value.js";
 import { text } from "./messages.js";
 import { AppLink } from "./use-app-address.js";
+import { useFieldControl } from "../primitives/field-control.js";
+import { Input } from "../primitives/input.js";
 import { fromDraft, isEditable, toFieldDraft } from "../live/field-values.js";
 import { Switch } from "../primitives/switch.js";
 import { Textarea } from "../primitives/textarea.js";

package/dist/app/gallery/gallery-section.js

@@ -1,9 +1,9 @@
 import { cn } from "../../lib/cn.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Section } from "../../record-view/section.js";
 import { shownImage } from "../../live/file-values.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { FileImage } from "../../live/file-image.js";
 import { galleryTiles } from "./gallery-layout.js";

package/dist/app/gallery/photo-details.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { SpecTable } from "../../record-view/spec-table.js";
 import { ErrorBanner } from "../error-banner.js";

package/dist/app/hand-order/hand-sorted-list.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { recordKey, recordTitle } from "../../live/model-helpers.js";
 import { loadedFields } from "../displays/list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { useAppAddress } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useProjectUi } from "../pages/project-ui.js";

package/dist/app/hand-order/use-hand-order.js

@@ -1,10 +1,10 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordId, recordKey, recordTitle } from "../../live/model-helpers.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { displayRow } from "../displays/list-displays.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { listLabels, withLabels } from "../../live/relation-labels.js";
 import { text } from "./messages.js";

package/dist/app/history/history-section.js

@@ -1,7 +1,7 @@
 import { Button } from "../../primitives/button.js";
+import { Section } from "../../record-view/section.js";
 import { formatDateTime, formatRelativeTime } from "../../format/date.js";
 import { Skeleton } from "../../primitives/skeleton.js";
-import { Section } from "../../record-view/section.js";
 import { ErrorBanner } from "../error-banner.js";
 import { describeChange } from "./describe-change.js";
 import { useRecordHistory } from "./use-record-history.js";

package/dist/app/incoming-card.js

@@ -1,8 +1,8 @@
 import { useAdminMeta } from "./meta-gate.js";
 import { formatInt } from "../format/number.js";
 import { Skeleton } from "../primitives/skeleton.js";
-import { SidebarCard } from "../record-view/record-sidebar.js";
 import { AppLink } from "./use-app-address.js";
+import { SidebarCard } from "../record-view/record-sidebar.js";
 import { text } from "./record-messages.js";
 import { incomingAddress, incomingRelations } from "./incoming-relations.js";
 import { useIncomingCounts } from "./use-incoming-counts.js";

package/dist/app/list-edit/use-list-edits.js

@@ -1,7 +1,7 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { useRef, useState } from "react";
 import { encodeKey } from "@protobase/schema/internal";

package/dist/app/new-version/new-version-toast.js

@@ -1,6 +1,6 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { useRouter } from "../router.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { text } from "./messages.js";
 import { useModalOpen } from "./use-modal-open.js";
 import { useEffect, useState } from "react";

package/dist/app/pages/blocks/field.js

@@ -1,6 +1,6 @@
 import { useAdminMeta } from "../../meta-gate.js";
-import { Skeleton } from "../../../primitives/skeleton.js";
 import { humanize } from "../../../live/naming.js";
+import { Skeleton } from "../../../primitives/skeleton.js";
 import { useLayoutRecord } from "../record-scope.js";
 import { propsOf } from "./block-props.js";
 import { FieldValue } from "../field-value.js";

package/dist/app/pages/blocks/modal-form.js

@@ -2,15 +2,15 @@ import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { Button } from "../../../primitives/button.js";
 import { Dialog } from "../../../primitives/dialog.js";
-import { useToast } from "../../../toasts/toast-provider.js";
-import { Field } from "../../../record-view/field.js";
 import { humanize } from "../../../live/naming.js";
 import { useNavigationGuard } from "../../router.js";
+import { Field } from "../../../record-view/field.js";
 import { createBody, isChosen } from "../../create/create-values.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { text } from "../messages.js";
 import { FieldEditor } from "../../field-editor.js";
 import { useLayoutRecord } from "../record-scope.js";
+import { useToast } from "../../../toasts/toast-provider.js";
 import { can } from "../../permissions.js";
 import { useFirstRecord, useRefreshResource } from "../use-layout-data.js";
 import { propsOf } from "./block-props.js";

package/dist/app/pages/blocks/settings.js

@@ -1,15 +1,15 @@
 import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { Button } from "../../../primitives/button.js";
+import { humanize } from "../../../live/naming.js";
 import { Skeleton } from "../../../primitives/skeleton.js";
-import { useToast } from "../../../toasts/toast-provider.js";
 import { Field } from "../../../record-view/field.js";
-import { humanize } from "../../../live/naming.js";
 import { differs } from "../../../live/field-values.js";
 import { createBody } from "../../create/create-values.js";
 import { ErrorBanner } from "../../error-banner.js";
 import { text } from "../messages.js";
 import { FieldEditor } from "../../field-editor.js";
+import { useToast } from "../../../toasts/toast-provider.js";
 import { can } from "../../permissions.js";
 import { scopeOf, useFirstRecord, useRefreshResource } from "../use-layout-data.js";
 import { propsOf } from "./block-props.js";

package/dist/app/pages/record-actions.js

@@ -1,6 +1,6 @@
-import { ActionRail } from "../../record-view/action-rail.js";
 import { RouteLink } from "../../primitives/route-link.js";
 import { AppLink, useAppAddress } from "../use-app-address.js";
+import { ActionRail } from "../../record-view/action-rail.js";
 import { ActionMenu } from "../../record-view/action-menu.js";
 import { ActionPrompt, asksFirst, isDanger } from "./action-prompt.js";
 import { useActionRunner } from "./use-run-action.js";

package/dist/app/pages/use-run-action.js

@@ -1,9 +1,9 @@
 import { useClient, useResourceClient } from "../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { useAppAddress } from "../use-app-address.js";
 import { useProjectUi } from "./project-ui.js";
 import { text } from "./messages.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { can } from "../permissions.js";
 import { actionApplies } from "./action-when.js";
 import { actionFor, linkTarget, openLink } from "./action-href.js";

package/dist/app/picker/picker-combobox.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
-import { Input } from "../../primitives/input.js";
 import { text } from "../messages.js";
+import { Input } from "../../primitives/input.js";
 import { useEffect, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/picker/picker-combobox.tsx

package/dist/app/record-chart/record-chart-section.js

@@ -1,8 +1,8 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { viewerZone } from "../../format/zone.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { Section } from "../../record-view/section.js";
+import { viewerZone } from "../../format/zone.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { Segmented } from "../../primitives/segmented.js";
 import { useAggregates } from "../../data/use-aggregates.js";
 import { PeriodChart } from "../charts/period-chart.js";

package/dist/app/record-lines.js

@@ -1,13 +1,13 @@
 import { useAdminMeta, usePermissions } from "./meta-gate.js";
-import { lineTableMinWidth } from "../inline-child-table/columns.js";
-import { InlineChildTable } from "../inline-child-table/inline-child-table.js";
-import { formatInt } from "../format/number.js";
 import { Section } from "../record-view/section.js";
+import { formatInt } from "../format/number.js";
 import { humanize } from "../live/naming.js";
 import { recordTitle } from "../live/model-helpers.js";
 import { isChosen, keyValue } from "./create/create-values.js";
 import { can, rowAllows } from "./permissions.js";
 import { text } from "./record-messages.js";
+import { lineTableMinWidth } from "../inline-child-table/columns.js";
+import { InlineChildTable } from "../inline-child-table/inline-child-table.js";
 import { LineCell } from "./record-lines-cell.js";
 import "./use-lines.js";
 import { useState } from "react";

package/dist/app/record-page.js

@@ -5,12 +5,8 @@ import { useClient } from "../data/api-provider.js";
 import { cn } from "../lib/cn.js";
 import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { Button, buttonClass } from "../primitives/button.js";
-import { Skeleton } from "../primitives/skeleton.js";
-import { inApp } from "../app-shell/breadcrumb.js";
-import { Field } from "../record-view/field.js";
-import { Section } from "../record-view/section.js";
-import { MetadataCard } from "../record-view/record-sidebar.js";
 import { RecordHeader } from "../record-view/record-header.js";
+import { Section } from "../record-view/section.js";
 import { humanize } from "../live/naming.js";
 import { markdownExcerpt } from "../markdown/markdown-excerpt.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
@@ -18,13 +14,17 @@ import { contactFormat } from "../live/contact-links.js";
 import { toneFor } from "../live/columns-from-model.js";
 import { displayValue, valueTitle } from "../live/display-value.js";
 import { filledFields } from "./filled-fields.js";
+import { Skeleton } from "../primitives/skeleton.js";
+import { inApp } from "../app-shell/breadcrumb.js";
 import { text } from "./messages.js";
 import { useNavigationGuard } from "./router.js";
 import { AppLink, useAppAddress } from "./use-app-address.js";
 import { GroupSection } from "../record-view/group-section.js";
 import { RecordTabs } from "../record-view/record-tabs.js";
+import { Field } from "../record-view/field.js";
 import { SpecTable } from "../record-view/spec-table.js";
 import { KeyFacts } from "../record-view/key-facts.js";
+import { MetadataCard } from "../record-view/record-sidebar.js";
 import { fromDraft, isRequiredOnEdit } from "../live/field-values.js";
 import { fieldHelp, helpShown, recordShown, whenShown } from "./record-mode/record-mode.js";
 import { isChosen, keyValue } from "./create/create-values.js";

package/dist/app/record-row/record-row-body.js

@@ -1,10 +1,10 @@
 import { formatTag } from "../../locale/active-locale.js";
 import { useAdminMeta } from "../meta-gate.js";
 import { useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { displaysOf, loadedFields } from "../displays/list-displays.js";
 import { defaultOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { viewAllAddress } from "../embedded-list/embedded-display.js";

package/dist/app/record-row/record-row.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { displayRow } from "../displays/list-displays.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { usePagedRows } from "../../data-grid/use-paged-rows.js";
 import { RecordCard } from "../displays/record-card.js";
 import { rowOffset } from "./row-window.js";

package/dist/app/record-row/saved-record-row.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { listedResource } from "../current-address.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { savedScope } from "../saved/saved-records.js";
 import { useSavedRecords } from "../saved/use-saved-records.js";

package/dist/app/related-cards/related-card.js

@@ -1,6 +1,6 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { useRecordTitle } from "../titles/record-titles.js";
 import { RecordScope } from "../pages/record-scope.js";

package/dist/app/related-cards/related-cards.js

@@ -1,7 +1,7 @@
 import { useIsXs } from "../../lib/use-media-query.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { scopeOf, useCount, useListPage } from "../pages/use-layout-data.js";

package/dist/app/related-section.js

@@ -1,9 +1,9 @@
 import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "./meta-gate.js";
-import { Skeleton } from "../primitives/skeleton.js";
 import { Section } from "../record-view/section.js";
 import { listColumnNames } from "../live/columns-from-model.js";
+import { Skeleton } from "../primitives/skeleton.js";
 import { ErrorBanner } from "./error-banner.js";
 import { countQuery } from "./pages/use-layout-data.js";
 import { RelatedCards } from "./related-cards/related-cards.js";

package/dist/app/saved/saved-list.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { ErrorBanner } from "../error-banner.js";
 import { PageHeader } from "../../app-shell/page-header.js";
 import { savedScope } from "./saved-records.js";

package/dist/app/searches/saved-search-rows.js

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../meta-gate.js";
-import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { text } from "./messages.js";

package/dist/app/searches/saved-search-section.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
-import { useToast } from "../../toasts/toast-provider.js";
 import { humanize } from "../../live/naming.js";
 import { AppLink } from "../use-app-address.js";
+import { useToast } from "../../toasts/toast-provider.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";
 import { InlineFilterChips } from "./filter-chip-list.js";