@protobase/ui 0.19.9 → 0.19.10

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

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../../meta-gate.js";
-import { RecordRowBody } from "../../record-row/record-row-body.js";
 import { propsOf } from "./block-props.js";
 import { CardFrame } from "./card-frame.js";
+import { RecordRowBody } from "../../record-row/record-row-body.js";
 import { SavedRecordRow } from "../../record-row/saved-record-row.js";
 import { SavedSearchRows } from "../../searches/saved-search-rows.js";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,9 +1,9 @@
 import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta } from "../../meta-gate.js";
-import { countQuery } from "../use-layout-data.js";
-import { usePathValues } from "../use-path-value.js";
 import { useLayoutRecord } from "../record-scope.js";
+import { countQuery } from "../use-layout-data.js";
 import { propsOf } from "./block-props.js";
+import { usePathValues } from "../use-path-value.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { useQueries } from "@tanstack/react-query";

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

@@ -1,12 +1,12 @@
 import { Skeleton } from "../../../primitives/skeleton.js";
 import { useAdminMeta } from "../../meta-gate.js";
+import { useLayoutRecord } from "../record-scope.js";
 import { AppLink } from "../../use-app-address.js";
 import { useCount } from "../use-layout-data.js";
-import { FieldValue } from "../field-value.js";
-import { usePathValue } from "../use-path-value.js";
-import { useLayoutRecord } from "../record-scope.js";
 import { propsOf } from "./block-props.js";
 import { CardFrame } from "./card-frame.js";
+import { FieldValue } from "../field-value.js";
+import { usePathValue } from "../use-path-value.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/pages/blocks/stat.tsx
 const big = "text-2xl font-semibold tracking-tight tabular-nums";

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

@@ -1,7 +1,7 @@
 import { useAdminMeta } from "../../meta-gate.js";
-import { EmbeddedDisplaySwitch, EmbeddedList } from "../../embedded-list/embedded-list.js";
 import { propsOf } from "./block-props.js";
 import { CardFrame } from "./card-frame.js";
+import { EmbeddedDisplaySwitch, EmbeddedList } from "../../embedded-list/embedded-list.js";
 import { useEmbeddedDisplay } from "../../embedded-list/use-embedded-display.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/pages/blocks/table.tsx

package/dist/app/pages/field-value.js

@@ -1,17 +1,17 @@
 import { cn } from "../../lib/cn.js";
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { fetchLabels } from "../../live/relation-labels.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { fileShown, shownImage } from "../../live/file-values.js";
 import { displayValue } from "../../live/display-value.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { FileImage } from "../../live/file-image.js";
+import { fetchLabels } from "../../live/relation-labels.js";
 import { useShownWidget } from "../field-types/shown-widget.js";
 import { WidgetPart } from "../field-types/widget-part.js";
-import { Markdown } from "../../markdown/markdown.js";
 import { isMarkdown } from "../../markdown/markdown-hint.js";
 import { ValueBadge } from "../value-badge.js";
+import { Markdown } from "../../markdown/markdown.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/app/pages/field-value.tsx

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

@@ -1,7 +1,7 @@
-import { AppLink, useAppAddress } from "../use-app-address.js";
-import { ActionRail } from "../../record-view/action-rail.js";
 import { ConfirmAction } from "./confirm-action.js";
+import { AppLink, useAppAddress } from "../use-app-address.js";
 import { useActionRunner } from "./use-run-action.js";
+import { ActionRail } from "../../record-view/action-rail.js";
 import { actionIcon } from "../action-icon.js";
 import { useState } from "react";
 import { Pencil, Trash2 } from "lucide-react";

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

@@ -2,10 +2,10 @@ import { useClient, useResourceClient } from "../../data/api-provider.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { useProjectUi } from "./project-ui.js";
 import { useAdminMeta, usePermissions } from "../meta-gate.js";
-import { useAppAddress } from "../use-app-address.js";
 import { can } from "../permissions.js";
-import { useRefreshResource } from "./use-layout-data.js";
+import { useAppAddress } from "../use-app-address.js";
 import { actionFor, linkTarget, openLink } from "./action-href.js";
+import { useRefreshResource } from "./use-layout-data.js";
 import { useState } from "react";
 import { fillAddress } from "@protobase/schema/internal";
 //#region src/app/pages/use-run-action.ts

package/dist/app/record-page.js

@@ -9,29 +9,29 @@ import { useRecord } from "../data/use-record.js";
 import { recordTitle } from "../live/model-helpers.js";
 import { humanize } from "../live/naming.js";
 import { useProjectUi } from "./pages/project-ui.js";
+import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
+import { can, fieldAccess } from "./permissions.js";
 import { displayValue } from "../live/display-value.js";
 import { filledFields } from "./filled-fields.js";
-import { Notice, useAdminMeta, usePermissions } from "./meta-gate.js";
 import { AppLink, useAppAddress } from "./use-app-address.js";
 import { ErrorBanner } from "./error-banner.js";
 import { shownWidget } from "./field-types/shown-widget.js";
 import { WidgetPart } from "./field-types/widget-part.js";
-import { Markdown } from "../markdown/markdown.js";
 import { isMarkdown } from "../markdown/markdown-hint.js";
-import { FieldEditor } from "./field-editor.js";
-import { can, fieldAccess } from "./permissions.js";
+import { toneFor } from "../live/columns-from-model.js";
+import { ValueBadge } from "./value-badge.js";
+import { Markdown } from "../markdown/markdown.js";
+import { FieldValue } from "./pages/field-value.js";
 import { Field } from "../record-view/field.js";
 import { Section } from "../record-view/section.js";
 import { MetadataCard, RelatedRecords, SidebarCard } from "../record-view/record-sidebar.js";
 import { RecordHeader } from "../record-view/record-header.js";
 import { SpecTable } from "../record-view/spec-table.js";
 import { KeyFacts } from "../record-view/key-facts.js";
-import { toneFor } from "../live/columns-from-model.js";
+import { FieldEditor } from "./field-editor.js";
+import { namedIcon } from "./named-icon.js";
 import { useDeleteFlow } from "./delete/use-delete-flow.js";
 import { useRestore } from "./delete/use-restore.js";
-import { namedIcon } from "./named-icon.js";
-import { ValueBadge } from "./value-badge.js";
-import { FieldValue } from "./pages/field-value.js";
 import { auditField } from "../live/audit-fields.js";
 import { CustomSection } from "./custom-section.js";
 import { MapSection } from "./map/map-section.js";

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

@@ -1,14 +1,14 @@
 import { useIsXs } from "../../lib/use-media-query.js";
 import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
+import { useAdminMeta } from "../meta-gate.js";
 import { displaysOf, loadedFields } from "../displays/list-displays.js";
 import { defaultOrderBy } from "../list-order.js";
-import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { useLiveRows } from "../../live/use-live-rows.js";
-import { FilterChipList } from "../searches/filter-chip-list.js";
 import { viewAllAddress } from "../embedded-list/embedded-display.js";
+import { FilterChipList } from "../searches/filter-chip-list.js";
 import { useFilterChips } from "../searches/use-filter-chips.js";
 import { RecordRow } from "./record-row.js";
 import { useMemo } from "react";

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

@@ -1,7 +1,7 @@
 import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
-import { listedResource } from "../current-address.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { listedResource } from "../current-address.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-section.js

@@ -3,8 +3,8 @@ import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
 import { useAdminMeta } from "./meta-gate.js";
 import { ErrorBanner } from "./error-banner.js";
-import { Section } from "../record-view/section.js";
 import { listColumnNames } from "../live/columns-from-model.js";
+import { Section } from "../record-view/section.js";
 import { EmbeddedDisplaySwitch, EmbeddedList } from "./embedded-list/embedded-list.js";
 import { useEmbeddedDisplay } from "./embedded-list/use-embedded-display.js";
 import { jsx } from "react/jsx-runtime";

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

@@ -5,8 +5,8 @@ import { useAdminMeta } from "../meta-gate.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
-import { useSavedSearches } from "./use-saved-searches.js";
 import { RecordRowBody } from "../record-row/record-row-body.js";
+import { useSavedSearches } from "./use-saved-searches.js";
 import { useSearchRow } from "./use-search-row.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { encodeKey } from "@protobase/schema/internal";

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

@@ -5,10 +5,10 @@ import { useToast } from "../../toasts/toast-provider.js";
 import { AppLink } from "../use-app-address.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { InlineFilterChips } from "./filter-chip-list.js";
-import { SearchNameDialog } from "./search-name-dialog.js";
 import { RecordRowBody } from "../record-row/record-row-body.js";
-import { SearchControls } from "./search-controls.js";
 import { useSearchRow } from "./use-search-row.js";
+import { SearchNameDialog } from "./search-name-dialog.js";
+import { SearchControls } from "./search-controls.js";
 import { useState } from "react";
 import { Pencil, Trash2 } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -3,11 +3,11 @@ import { PageHeader } from "../../app-shell/page-header.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { humanize } from "../../live/naming.js";
 import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
+import { can } from "../permissions.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
-import { can } from "../permissions.js";
-import { useDeleteFlow } from "../delete/use-delete-flow.js";
 import { useSavedSearches } from "./use-saved-searches.js";
+import { useDeleteFlow } from "../delete/use-delete-flow.js";
 import { SavedSearchSection } from "./saved-search-section.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { encodeKey } from "@protobase/schema/internal";

package/dist/app/searches/search-controls.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
-import { Switch } from "../../primitives/switch.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
+import { Switch } from "../../primitives/switch.js";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMutation } from "@tanstack/react-query";

package/dist/app/searches/search-name-dialog.js

@@ -1,7 +1,7 @@
 import { Input } from "../../primitives/input.js";
 import { Button } from "../../primitives/button.js";
-import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { FilterChipList } from "./filter-chip-list.js";
+import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app/searches/search-name-dialog.tsx

package/dist/app/searches/update-search-dialog.js

@@ -3,11 +3,11 @@ import { Button } from "../../primitives/button.js";
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
-import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { countQuery } from "../pages/use-layout-data.js";
+import { useFilterChips } from "./use-filter-chips.js";
+import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
 import { EmbeddedList } from "../embedded-list/embedded-list.js";
 import { addedFilter, filterChanges, netChange, removedFilter } from "./search-diff.js";
-import { useFilterChips } from "./use-filter-chips.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";

package/dist/app/searches/use-filter-chips.js

@@ -1,7 +1,7 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { fetchLabels } from "../../live/relation-labels.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { fetchLabels } from "../../live/relation-labels.js";
 import { chosenRelations, filterChips } from "./saved-search.js";
 import { useQueries, useQueryClient } from "@tanstack/react-query";
 //#region src/app/searches/use-filter-chips.ts

package/dist/app/searches/use-save-search.js

@@ -3,11 +3,11 @@ import { recordKey } from "../../live/model-helpers.js";
 import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { useAppAddress } from "../use-app-address.js";
 import { can } from "../permissions.js";
+import { useAppAddress } from "../use-app-address.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
-import { useOpenedSearch } from "./use-opened-search.js";
 import { useSavedSearches } from "./use-saved-searches.js";
+import { useOpenedSearch } from "./use-opened-search.js";
 import { useMutation } from "@tanstack/react-query";
 import { encodeKey } from "@protobase/schema/internal";
 //#region src/app/searches/use-save-search.ts

package/dist/app/searches/use-saved-searches.js

@@ -1,7 +1,7 @@
 import { keys } from "../../data/query-keys.js";
 import { useClient } from "../../data/api-provider.js";
-import { defaultOrderBy } from "../list-order.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { defaultOrderBy } from "../list-order.js";
 import { useQuery } from "@tanstack/react-query";
 //#region src/app/searches/use-saved-searches.ts
 /** Where the user's saved searches of `resource` are cached; a list key, so a write to the resource refreshes it. */

package/dist/app/searches/use-search-row.js

@@ -1,8 +1,8 @@
 import { useClient } from "../../data/api-provider.js";
 import { humanize } from "../../live/naming.js";
 import { countQuery, useRefreshResource } from "../pages/use-layout-data.js";
-import { isUnseen, unseenFilter } from "./saved-search.js";
 import { chipsText } from "./filter-chip-list.js";
+import { isUnseen, unseenFilter } from "./saved-search.js";
 import { useFilterChips } from "./use-filter-chips.js";
 import { useMutation, useQuery } from "@tanstack/react-query";
 //#region src/app/searches/use-search-row.ts

package/dist/app/sensitive-field.js

@@ -3,8 +3,8 @@ import { Input } from "../primitives/input.js";
 import { Button } from "../primitives/button.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
-import { toDraft } from "../live/field-values.js";
 import { ErrorBanner } from "./error-banner.js";
+import { toDraft } from "../live/field-values.js";
 import { useState } from "react";
 import { Eye, EyeOff } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/app/use-app-address.js

@@ -1,7 +1,7 @@
 import { useIsXs } from "../lib/use-media-query.js";
 import { Link, useRouter } from "./router.js";
-import { changedList, currentAddress, listDefaults, listedResource } from "./current-address.js";
 import { useAdminMeta } from "./meta-gate.js";
+import { changedList, currentAddress, listDefaults, listedResource } from "./current-address.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { appPath, readAppPath } from "@protobase/schema";

package/dist/app/value-badge.js

@@ -1,6 +1,6 @@
 import { Badge } from "../primitives/badge.js";
-import { valueColor } from "../live/value-color.js";
 import { toneFor } from "../live/columns-from-model.js";
+import { valueColor } from "../live/value-color.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/app/value-badge.tsx
 /** A stored value as a badge: filled with the colour the view gives it and in its badge shape, else in its tone. */

package/dist/auth/sign-in-prompt.js

@@ -2,8 +2,8 @@ import { RouteLink } from "../primitives/route-link.js";
 import { useAuth } from "./auth-provider.js";
 import { Button, buttonClass } from "../primitives/button.js";
 import { useSignInAddress } from "./use-sign-in-address.js";
-import { ResponsiveDialog } from "../primitives/responsive-dialog.js";
 import { namedIcon } from "../app/named-icon.js";
+import { ResponsiveDialog } from "../primitives/responsive-dialog.js";
 import { useId } from "react";
 import { Check, LogIn } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/data-grid/cells.js

@@ -6,8 +6,8 @@ import { formatInt, formatPercent, formatSigned } from "../format/number.js";
 import { formatDate, formatDateTime } from "../format/date.js";
 import { fileShown, shownImage } from "../live/file-values.js";
 import { FileImage } from "../live/file-image.js";
-import { userById } from "../mocks/users.js";
 import { valueColor } from "../live/value-color.js";
+import { userById } from "../mocks/users.js";
 import { Check, Paperclip } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { enumLabel } from "@protobase/schema";

package/dist/index.d.ts

@@ -48,5 +48,13 @@ import { CodeForm, CodeFormProps } from "./auth/code-form.js";
 import { ResendCodeButton, ResendCodeButtonProps } from "./auth/resend-code-button.js";
 import { Button, ButtonProps, buttonClass } from "./primitives/button.js";
 import { Input, InputProps } from "./primitives/input.js";
+import { Textarea, TextareaProps } from "./primitives/textarea.js";
+import { Segmented, SegmentedOption, SegmentedProps } from "./primitives/segmented.js";
+import { MenuSelect, MenuSelectProps } from "./primitives/menu-select.js";
+import { ChoiceOption, Choices, ChoicesProps } from "./primitives/choices.js";
+import { Dialog, DialogProps } from "./primitives/dialog.js";
+import { Field, FieldProps } from "./record-view/field.js";
+import { Section } from "./record-view/section.js";
+import { Form, FormProps } from "./app/create/form.js";
 import { Spinner } from "./primitives/spinner.js";
-export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, Button, type ButtonProps, type CardAction, type CardTone, ChatMessage, ChatThread, type ChatThreadProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, type DiffLine, DiffView, type DiffViewProps, FieldList, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, type MetaData, OtpInput, type OtpInputProps, PartView, type PluginInfo, type ProjectUi, type RecordCardProps, RecordLink, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, Spinner, type Step, StepList, type StepState, buttonClass, definePlugin, defineUi, diffStats, isConflict, mergeUi, parseDiff, pluginApi, protobaseVersion, uiFromModule, useApiToken, useAppAddress, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useHistogram, useLayoutRecord, useList, useListDisplay, useMeta, usePlugin, useRecord, useResourceClient, useSeries, useUpdateRecord };
+export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, type BackendData, type BackendRefresh, type BeforeSignInProps, Button, type ButtonProps, type CardAction, type CardTone, ChatMessage, ChatThread, type ChatThreadProps, type ChoiceOption, Choices, type ChoicesProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, Dialog, type DialogProps, type DiffLine, DiffView, type DiffViewProps, Field, FieldList, type FieldProps, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Form, type FormProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PluginInfo, type ProjectUi, type RecordCardProps, RecordLink, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, Section, Segmented, type SegmentedOption, type SegmentedProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, Spinner, type Step, StepList, type StepState, Textarea, type TextareaProps, buttonClass, definePlugin, defineUi, diffStats, isConflict, mergeUi, parseDiff, pluginApi, protobaseVersion, uiFromModule, useApiToken, useAppAddress, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useHistogram, useLayoutRecord, useList, useListDisplay, useMeta, usePlugin, useRecord, useResourceClient, useSeries, useUpdateRecord };

package/dist/index.js

@@ -1,7 +1,9 @@
 import { LogoMark } from "./app-shell/logo.js";
+import { Segmented } from "./primitives/segmented.js";
 import { Input } from "./primitives/input.js";
 import { Spinner } from "./primitives/spinner.js";
 import { Button, buttonClass } from "./primitives/button.js";
+import { Dialog } from "./primitives/dialog.js";
 import { OtpInput } from "./primitives/otp-input.js";
 import { ApiProvider, useClient, useResourceClient } from "./data/api-provider.js";
 import { AuthLayout } from "./auth/auth-layout.js";
@@ -30,14 +32,20 @@ import { AssistantDock } from "./assistant-dock/assistant-dock.js";
 import { useAssistant } from "./assistant-dock/use-assistant.js";
 import { useAssistantClient } from "./assistant-dock/use-assistant-client.js";
 import { useMeta } from "./data/use-meta.js";
+import { useLayoutRecord } from "./app/pages/record-scope.js";
 import { AppLink, useAppAddress } from "./app/use-app-address.js";
+import { Field } from "./record-view/field.js";
+import { Section } from "./record-view/section.js";
+import { Textarea } from "./primitives/textarea.js";
 import { ResponsiveDialog } from "./primitives/responsive-dialog.js";
 import { SignInPrompt } from "./auth/sign-in-prompt.js";
 import { useListDisplay } from "./app/displays/display-context.js";
+import { MenuSelect } from "./primitives/menu-select.js";
+import { Form } from "./app/create/form.js";
 import { useFacets, useHistogram, useSeries } from "./data/use-aggregates.js";
-import { useLayoutRecord } from "./app/pages/record-scope.js";
 import { useList } from "./data/use-list.js";
 import { isConflict, useUpdateRecord } from "./data/use-update-record.js";
 import { App } from "./app/app.js";
 import { RecordLink } from "./app/displays/record-link.js";
-export { ActionCard, ApiProvider, App, AppLink, AssistantDock, AuthLayout, Button, ChatMessage, ChatThread, CodeForm, CompactTable, Composer, DiffView, FieldList, Input, LogoMark, OtpInput, PartView, RecordLink, ResendCodeButton, ResponsiveDialog, SidePanel, SignInPrompt, Spinner, StepList, buttonClass, definePlugin, defineUi, diffStats, isConflict, mergeUi, parseDiff, pluginApi, protobaseVersion, uiFromModule, useApiToken, useAppAddress, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useHistogram, useLayoutRecord, useList, useListDisplay, useMeta, usePlugin, useRecord, useResourceClient, useSeries, useUpdateRecord };
+import { Choices } from "./primitives/choices.js";
+export { ActionCard, ApiProvider, App, AppLink, AssistantDock, AuthLayout, Button, ChatMessage, ChatThread, Choices, CodeForm, CompactTable, Composer, Dialog, DiffView, Field, FieldList, Form, Input, LogoMark, MenuSelect, OtpInput, PartView, RecordLink, ResendCodeButton, ResponsiveDialog, Section, Segmented, SidePanel, SignInPrompt, Spinner, StepList, Textarea, buttonClass, definePlugin, defineUi, diffStats, isConflict, mergeUi, parseDiff, pluginApi, protobaseVersion, uiFromModule, useApiToken, useAppAddress, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useHistogram, useLayoutRecord, useList, useListDisplay, useMeta, usePlugin, useRecord, useResourceClient, useSeries, useUpdateRecord };

package/dist/live/columns-from-model.js

@@ -1,6 +1,6 @@
 import { humanize } from "./naming.js";
-import { isMarkdown } from "../markdown/markdown-hint.js";
 import { markdownExcerpt } from "../markdown/markdown-excerpt.js";
+import { isMarkdown } from "../markdown/markdown-hint.js";
 import { enumLabel } from "@protobase/schema";
 //#region src/live/columns-from-model.ts
 const tones = {

package/dist/live/grid-loader.js

@@ -1,7 +1,7 @@
 import { keys } from "../data/query-keys.js";
 import { recordId } from "./model-helpers.js";
-import { listLabels, withLabels } from "./relation-labels.js";
 import { listPhotos, withPhotos } from "./row-photos.js";
+import { listLabels, withLabels } from "./relation-labels.js";
 //#region src/live/grid-loader.ts
 const exactBelow = 5e3;
 /**

package/dist/live/use-filter-config.js

@@ -5,9 +5,9 @@ import { humanize } from "./naming.js";
 import { fetchLabels } from "./relation-labels.js";
 import { setRange } from "../filter-panel/filter-state.js";
 import { stateToText } from "./filter-string.js";
+import { rangeFormat, rangeHistogram, widgetFields } from "./view-fields.js";
 import { labelKeys, matchOptions } from "./reference-options.js";
 import { useReferenceSearch } from "./use-reference-search.js";
-import { rangeFormat, rangeHistogram, widgetFields } from "./view-fields.js";
 import { useQueries, useQueryClient } from "@tanstack/react-query";
 import { enumLabel } from "@protobase/schema";
 //#region src/live/use-filter-config.ts

package/dist/markdown/markdown-editor.js

@@ -1,6 +1,6 @@
 import { Segmented } from "../primitives/segmented.js";
-import { Textarea } from "../primitives/textarea.js";
 import { Markdown } from "./markdown.js";
+import { Textarea } from "../primitives/textarea.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/markdown/markdown-editor.tsx

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.19.9";
+var version = "0.19.10";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/primitives/choices.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+//#region src/primitives/choices.d.ts
+export type ChoiceOption<T extends string> = {
+  value: T;
+  label: string;
+  description?: ReactNode;
+  disabled?: boolean;
+};
+/**
+ * `name` groups the radio buttons, so that the arrow keys move between them; `label` names the group for screen
+ * readers. A disabled option shows and cannot be chosen.
+ */
+export type ChoicesProps<T extends string> = {
+  name: string;
+  label?: string;
+  options: Array<ChoiceOption<T>>;
+  value: T | undefined;
+  onChange: (value: T) => void;
+};
+/** One of a few options, each a card of its own row with a line that says what it means; the chosen one is outlined. */
+export declare const Choices: <T extends string>({ name, label, options, value, onChange }: ChoicesProps<T>) => import("react").JSX.Element;
+//#endregion

package/dist/primitives/choices.js

@@ -0,0 +1,33 @@
+import { cn } from "../lib/cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/primitives/choices.tsx
+/** One of a few options, each a card of its own row with a line that says what it means; the chosen one is outlined. */
+const Choices = ({ name, label, options, value, onChange }) => /* @__PURE__ */ jsx("div", {
+	role: "radiogroup",
+	"aria-label": label,
+	className: "flex flex-col gap-2",
+	children: options.map((option) => /* @__PURE__ */ jsxs("label", {
+		className: cn("block rounded-lg border p-3 transition-colors has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-primary", option.disabled ? "cursor-default bg-background opacity-60" : option.value === value ? "cursor-pointer border-primary bg-primary-soft" : "cursor-pointer bg-background hover:bg-surface"),
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				type: "radio",
+				name,
+				value: option.value,
+				checked: option.value === value,
+				disabled: option.disabled,
+				onChange: () => onChange(option.value),
+				className: "sr-only"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("block font-medium", option.value === value && "text-primary-text"),
+				children: option.label
+			}),
+			option.description && /* @__PURE__ */ jsx("span", {
+				className: "mt-0.5 block text-xs leading-snug text-muted-foreground",
+				children: option.description
+			})
+		]
+	}, option.value))
+});
+//#endregion
+export { Choices };

package/dist/primitives/dialog.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+//#region src/primitives/dialog.d.ts
+export type DialogProps = {
+  title: string;
+  description?: ReactNode;
+  onClose: () => void;
+  /** Buttons, rendered right-aligned. */
+  actions: ReactNode;
+  children?: ReactNode;
+  /** Room for a row of cards or a table in the body, instead of a short question. */
+  wide?: boolean;
+};
+/** A modal with a title, optional body and action buttons. Closes on Escape and on a click outside. */
+export declare const Dialog: ({ title, description, onClose, actions, children, wide }: DialogProps) => import("react").JSX.Element;
+//#endregion

package/dist/primitives/menu-select.d.ts

@@ -0,0 +1,14 @@
+import { SegmentedOption } from "./segmented.js";
+//#region src/primitives/menu-select.d.ts
+export type MenuSelectProps<T extends string> = {
+  value: T;
+  options: Array<SegmentedOption<T>>;
+  onChange: (value: T) => void;
+  label: string;
+};
+/**
+ * The choices of a Segmented switch in a menu, for a row without room for every option: a button with the chosen
+ * option's icon and label, opening the options under its right edge.
+ */
+export declare const MenuSelect: <T extends string>({ value, options, onChange, label }: MenuSelectProps<T>) => import("react").JSX.Element;
+//#endregion

package/dist/primitives/segmented.d.ts

@@ -0,0 +1,23 @@
+import { ComponentType } from "react";
+//#region src/primitives/segmented.d.ts
+export type SegmentedOption<T extends string> = {
+  value: T;
+  label: string;
+  icon?: ComponentType<{
+    className?: string;
+  }>;
+};
+/**
+ * `md` matches a medium Button, for a switch that sits among buttons. `iconOnly` draws each option as its icon alone,
+ * its label the button's name, for a row without room for the words.
+ */
+export type SegmentedProps<T extends string> = {
+  value: T;
+  options: Array<SegmentedOption<T>>;
+  onChange: (value: T) => void;
+  label?: string;
+  size?: 'sm' | 'md';
+  iconOnly?: boolean;
+};
+export declare const Segmented: <T extends string>({ value, options, onChange, label, size, iconOnly }: SegmentedProps<T>) => import("react").JSX.Element;
+//#endregion

package/dist/primitives/textarea.d.ts

@@ -0,0 +1,9 @@
+import { TextareaHTMLAttributes } from "react";
+//#region src/primitives/textarea.d.ts
+export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
+  value: string;
+  invalid?: boolean;
+};
+/** A text box of several lines that grows with its text instead of scrolling inside. */
+export declare const Textarea: ({ invalid, className, rows, value, ...rest }: TextareaProps) => import("react").JSX.Element;
+//#endregion

package/dist/record-view/field.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+//#region src/record-view/field.d.ts
+export type FieldConflict = {
+  user: {
+    name: string;
+    initials: string;
+    hue: number;
+  };
+  ago: string;
+  theirValue: string;
+  onKeepMine: () => void;
+  onUseTheirs: () => void;
+};
+export type FieldProps = {
+  label: string;
+  /** Marks the label with an asterisk. */
+  required?: boolean;
+  help?: string;
+  example?: string;
+  error?: string;
+  conflict?: FieldConflict;
+  /** Takes the whole row of a grid of two columns, as a text of several lines does. */
+  wide?: boolean;
+  children: ReactNode;
+};
+export declare const Field: ({ label, required, help, example, error, conflict, wide, children }: FieldProps) => import("react").JSX.Element;
+//#endregion