@byline/ui 0.9.3

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

@@ -0,0 +1,26 @@
+import "./relation-picker_module.css";
+const relation_picker_module = {
+    header: "header-quQOWP",
+    title: "title-nX1CSv",
+    body: "body-S2EcHm",
+    list: "list-UFzd89",
+    loading: "loading-LZVbkl",
+    error: "error-ZtOVuJ",
+    empty: "empty-ks6ZeP",
+    rows: "rows-QZrdT9",
+    "row-button": "row-button-ZHfXmj",
+    rowButton: "row-button-ZHfXmj",
+    "row-selected": "row-selected-VlrgyO",
+    rowSelected: "row-selected-VlrgyO",
+    "row-cells": "row-cells-aSIcf5",
+    rowCells: "row-cells-aSIcf5",
+    "row-stack": "row-stack-BOPzzj",
+    rowStack: "row-stack-BOPzzj",
+    "row-label": "row-label-gEaOEB",
+    rowLabel: "row-label-gEaOEB",
+    "row-path": "row-path-v1lJwb",
+    rowPath: "row-path-v1lJwb",
+    pager: "pager-EWOfET",
+    action: "action-STxQVM"
+};
+export default relation_picker_module;

package/dist/fields/relation/relation-picker_module.css

@@ -0,0 +1,124 @@
+:is(.header-quQOWP, .byline-field-relation-picker-header) {
+  margin-bottom: var(--spacing-8);
+  padding-top: 1rem;
+}
+
+:is(.title-nX1CSv, .byline-field-relation-picker-title) {
+  margin: 0 0 var(--spacing-8) 0;
+  font-size: var(--font-size-xl);
+}
+
+:is(.body-S2EcHm, .byline-field-relation-picker-body) {
+  flex-direction: column;
+  gap: .75rem;
+  display: flex;
+}
+
+:is(.list-UFzd89, .byline-field-relation-picker-list) {
+  border: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
+  border-radius: var(--border-radius-md);
+  min-height: 320px;
+  max-height: 420px;
+  overflow-y: auto;
+}
+
+:is(.loading-LZVbkl, .byline-field-relation-picker-loading) {
+  justify-content: center;
+  align-items: center;
+  padding: 2.5rem 0;
+  display: flex;
+}
+
+:is(.error-ZtOVuJ, .byline-field-relation-picker-error) {
+  color: var(--red-500);
+  font-size: var(--font-size-sm);
+  text-align: center;
+  padding: 2.5rem 1rem;
+}
+
+:is(.empty-ks6ZeP, .byline-field-relation-picker-empty) {
+  color: var(--gray-400);
+  font-size: var(--font-size-sm);
+  text-align: center;
+  padding: 2.5rem 1rem;
+}
+
+:is(.rows-QZrdT9, .byline-field-relation-picker-rows) {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+:is(.rows-QZrdT9 > li + li, .byline-field-relation-picker-rows > li + li) {
+  border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
+}
+
+:is(.row-button-ZHfXmj, .byline-field-relation-picker-row-button) {
+  width: 100%;
+  padding: var(--spacing-8) .75rem;
+  text-align: left;
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: none;
+  transition: background-color .15s;
+}
+
+:is(.row-button-ZHfXmj:hover, .byline-field-relation-picker-row-button:hover) {
+  background-color: var(--gray-25);
+}
+
+:is(.row-selected-VlrgyO, .byline-field-relation-picker-row-selected) {
+  background-color: oklch(from var(--primary-200) l c h / .3);
+  border-left: 2px solid var(--primary-200);
+}
+
+:is(.row-cells-aSIcf5, .byline-field-relation-picker-row-cells) {
+  align-items: center;
+  gap: .75rem;
+  display: flex;
+}
+
+:is(.row-stack-BOPzzj, .byline-field-relation-picker-row-stack) {
+  flex-direction: column;
+  gap: .125rem;
+  display: flex;
+}
+
+:is(.row-label-gEaOEB, .byline-field-relation-picker-row-label) {
+  color: var(--gray-100);
+  font-size: var(--font-size-sm);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+:is(.row-path-v1lJwb, .byline-field-relation-picker-row-path) {
+  color: var(--gray-500);
+  font-size: var(--font-size-xs);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+:is(.pager-EWOfET, .byline-field-relation-picker-pager) {
+  color: var(--gray-400);
+  font-size: var(--font-size-xs);
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+:is(.action-STxQVM, .byline-field-relation-picker-action) {
+  min-width: 70px;
+}
+
+:is(:is([data-theme="dark"], .dark) .row-button-ZHfXmj:hover, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-button:hover) {
+  background-color: var(--gray-900);
+}
+
+:is(:is([data-theme="dark"], .dark) .row-selected-VlrgyO, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-selected) {
+  background-color: oklch(from var(--primary-900) l c h / .3);
+  border-left: 2px solid var(--primary-400);
+}
+

package/dist/fields/relation/relation-summary.d.ts

@@ -0,0 +1,32 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { CollectionAdminConfig, CollectionDefinition } from '@byline/core';
+interface RelationSummaryProps {
+    targetDefinition: CollectionDefinition;
+    targetAdminConfig: CollectionAdminConfig | null;
+    displayField?: string;
+    /** The raw relation value from the form. May be a plain ref or a populated envelope. */
+    value: {
+        targetDocumentId: string;
+        targetCollectionId: string;
+        _resolved?: boolean;
+        _cycle?: boolean;
+        document?: Record<string, any>;
+    };
+    /**
+     * A document record cached client-side from a recent picker selection.
+     * Used when `value` is a plain ref (post-pick state) but we still want
+     * the tile to render real display data without a refetch. Caller is
+     * responsible for clearing/replacing this when the value's
+     * `targetDocumentId` changes.
+     */
+    cachedRecord?: Record<string, any> | null;
+}
+export declare function RelationSummary({ targetDefinition, targetAdminConfig, displayField, value, cachedRecord, }: RelationSummaryProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=relation-summary.d.ts.map

package/dist/fields/relation/relation-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation-summary.d.ts","sourceRoot":"","sources":["../../../src/fields/relation/relation-summary.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AA2B/E,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,oBAAoB,CAAA;IACtC,iBAAiB,EAAE,qBAAqB,GAAG,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wFAAwF;IACxF,KAAK,EAAE;QACL,gBAAgB,EAAE,MAAM,CAAA;QACxB,kBAAkB,EAAE,MAAM,CAAA;QAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAC/B,CAAA;IACD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;CAC1C;AAED,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,YAAY,GACb,EAAE,oBAAoB,+BA2DtB"}

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

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

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

@@ -0,0 +1,11 @@
+import "./relation-summary_module.css";
+const relation_summary_module = {
+    stack: "stack-ITEVDV",
+    row: "row-uUGbE4",
+    kind: "kind-hB0ZeQ",
+    value: "value-YXgMQf",
+    "value-mono": "value-mono-sVr86N",
+    valueMono: "value-mono-sVr86N",
+    missing: "missing-HlUIIE"
+};
+export default relation_summary_module;

package/dist/fields/relation/relation-summary_module.css

@@ -0,0 +1,37 @@
+:is(.stack-ITEVDV, .byline-relation-summary-stack) {
+  flex-direction: column;
+  gap: .125rem;
+  min-width: 0;
+  display: flex;
+}
+
+:is(.row-uUGbE4, .byline-relation-summary-row) {
+  align-items: center;
+  gap: .75rem;
+  min-width: 0;
+  display: flex;
+}
+
+:is(.kind-hB0ZeQ, .byline-relation-summary-kind) {
+  color: var(--gray-500);
+}
+
+:is(.value-YXgMQf, .byline-relation-summary-value) {
+  color: var(--gray-100);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+:is(.value-mono-sVr86N, .byline-relation-summary-value-mono) {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  overflow: hidden;
+}
+
+:is(.missing-HlUIIE, .byline-relation-summary-missing) {
+  font-size: var(--font-size-xs);
+  color: var(--red-400);
+}
+

package/dist/fields/select/select-field.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { SelectField as FieldType } from '@byline/core';
+export declare const SelectField: ({ field, value, defaultValue, onChange, id, path, }: {
+    field: FieldType;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    id?: string;
+    path?: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=select-field.d.ts.map

package/dist/fields/select/select-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.d.ts","sourceRoot":"","sources":["../../../src/fields/select/select-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AAO5D,eAAO,MAAM,WAAW,GAAI,qDAOzB;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,gCA0BA,CAAA"}

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

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ErrorText, Select } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useFieldError, useFieldValue, useIsDirty } from "../../forms/form-context.js";
+import select_field_module from "./select-field.module.js";
+const SelectField = ({ field, value, defaultValue, onChange, id, path })=>{
+    const fieldPath = path ?? field.name;
+    const fieldError = useFieldError(fieldPath);
+    const isDirty = useIsDirty(fieldPath);
+    const fieldValue = useFieldValue(fieldPath);
+    const incomingValue = value ?? fieldValue ?? defaultValue ?? '';
+    return /*#__PURE__*/ jsxs("div", {
+        className: `byline-field-select ${field.name}`,
+        children: [
+            /*#__PURE__*/ jsx(Select, {
+                size: "xs",
+                id: id ?? fieldPath,
+                name: field.name,
+                placeholder: "Select an option",
+                required: !field.optional,
+                value: incomingValue,
+                helpText: field.helpText,
+                items: field.options.map((opt)=>({
+                        value: opt.value,
+                        label: opt.label
+                    })),
+                onValueChange: (value)=>{
+                    if (null != value) onChange?.(value);
+                },
+                className: classnames(isDirty && [
+                    'byline-field-select-dirty',
+                    select_field_module.dirty
+                ])
+            }),
+            fieldError && /*#__PURE__*/ jsx(ErrorText, {
+                id: `${field.name}-error`,
+                text: fieldError
+            })
+        ]
+    });
+};
+export { SelectField };

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

@@ -0,0 +1,5 @@
+import "./select-field_module.css";
+const select_field_module = {
+    dirty: "dirty-aKaGZN"
+};
+export default select_field_module;

package/dist/fields/select/select-field_module.css

@@ -0,0 +1,4 @@
+:is(.dirty-aKaGZN, .byline-field-select-dirty) {
+  border-color: var(--blue-300);
+}
+

package/dist/fields/sortable-item.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import { type ReactNode } from 'react';
+export declare const SortableItem: ({ id, label, children, onAddBelow, onRemove, }: {
+    id: string;
+    label: ReactNode;
+    children: ReactNode;
+    onAddBelow?: () => void;
+    onRemove?: () => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=sortable-item.d.ts.map

package/dist/fields/sortable-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-item.d.ts","sourceRoot":"","sources":["../../src/fields/sortable-item.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAShD,eAAO,MAAM,YAAY,GAAI,gDAM1B;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,gCAuEA,CAAA"}

package/dist/fields/sortable-item.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDownIcon, GripperVerticalIcon } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useSortable } from "../dnd/draggable-sortable/index.js";
+import { DraggableContextMenu } from "./draggable-context-menu.js";
+import sortable_item_module from "./sortable-item.module.js";
+const SortableItem = ({ id, label, children, onAddBelow, onRemove })=>{
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+        id,
+        transition: {
+            duration: 250,
+            easing: 'cubic-bezier(0, 0.2, 0.2, 1)'
+        }
+    });
+    const [collapsed, setCollapsed] = useState(false);
+    const style = {
+        transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : void 0,
+        transition,
+        zIndex: isDragging ? 10 : 'auto'
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: setNodeRef,
+        style: style,
+        className: classnames('byline-sortable', sortable_item_module.root, isDragging && [
+            'byline-sortable-dragging',
+            sortable_item_module.dragging
+        ], collapsed && [
+            'byline-sortable-collapsed',
+            sortable_item_module.collapsed
+        ]),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-sortable-header', sortable_item_module.header, !collapsed && [
+                    'byline-sortable-header-expanded',
+                    sortable_item_module["header-expanded"]
+                ]),
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: classnames('byline-sortable-grip', sortable_item_module.grip),
+                        ...attributes,
+                        ...listeners,
+                        children: /*#__PURE__*/ jsx(GripperVerticalIcon, {
+                            className: classnames('byline-sortable-grip-icon', sortable_item_module["grip-icon"])
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-sortable-label', sortable_item_module.label),
+                        children: label
+                    }),
+                    /*#__PURE__*/ jsx(DraggableContextMenu, {
+                        onAddBelow: onAddBelow,
+                        onRemove: onRemove
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: classnames('byline-sortable-toggle', sortable_item_module.toggle),
+                        onClick: ()=>setCollapsed((prev)=>!prev),
+                        "aria-label": collapsed ? 'Expand item' : 'Collapse item',
+                        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+                            className: classnames('byline-sortable-toggle-icon', sortable_item_module["toggle-icon"], collapsed && [
+                                'byline-sortable-toggle-icon-rotated',
+                                sortable_item_module["toggle-icon-rotated"]
+                            ])
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: classnames('byline-sortable-content', sortable_item_module.content, collapsed && [
+                    'byline-sortable-content-hidden',
+                    sortable_item_module["content-hidden"]
+                ]),
+                children: children
+            })
+        ]
+    });
+};
+export { SortableItem };

package/dist/fields/sortable-item.module.js

@@ -0,0 +1,22 @@
+import "./sortable-item_module.css";
+const sortable_item_module = {
+    root: "root-nYQaZT",
+    dragging: "dragging-rtG5ct",
+    collapsed: "collapsed-BA4JvQ",
+    header: "header-IyXOb9",
+    "header-expanded": "header-expanded-xwmWic",
+    headerExpanded: "header-expanded-xwmWic",
+    grip: "grip-XZjBQM",
+    "grip-icon": "grip-icon-tCuFX_",
+    gripIcon: "grip-icon-tCuFX_",
+    label: "label-SFRtoy",
+    toggle: "toggle-zv8W_y",
+    "toggle-icon": "toggle-icon-vk15Bb",
+    toggleIcon: "toggle-icon-vk15Bb",
+    "toggle-icon-rotated": "toggle-icon-rotated-p9rEVP",
+    toggleIconRotated: "toggle-icon-rotated-p9rEVP",
+    content: "content-ril4mv",
+    "content-hidden": "content-hidden-zrS2UX",
+    contentHidden: "content-hidden-zrS2UX"
+};
+export default sortable_item_module;

package/dist/fields/sortable-item_module.css

@@ -0,0 +1,124 @@
+:is(.root-nYQaZT, .byline-sortable) {
+  padding: var(--spacing-16);
+  padding-top: var(--spacing-8);
+  border: var(--border-width-thin) dashed var(--gray-600);
+  border-radius: var(--border-radius-md);
+  background-color: oklch(from var(--canvas-50) l c h / .5);
+  box-shadow: 0 1px 2px #0000000d;
+}
+
+:is(.dragging-rtG5ct, .byline-sortable-dragging) {
+  background-color: oklch(from var(--canvas-50) l c h / .8);
+  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
+}
+
+:is(.collapsed-BA4JvQ, .byline-sortable-collapsed) {
+  padding-top: var(--spacing-8);
+  padding-bottom: var(--spacing-8);
+}
+
+:is(.header-IyXOb9, .byline-sortable-header) {
+  align-items: center;
+  gap: var(--spacing-8);
+  margin-bottom: 0;
+  margin-left: -.75rem;
+  display: flex;
+}
+
+:is(.header-expanded-xwmWic, .byline-sortable-header-expanded) {
+  margin-bottom: var(--spacing-8);
+}
+
+:is(.grip-XZjBQM, .byline-sortable-grip) {
+  border-radius: var(--border-radius-sm);
+  color: var(--gray-400);
+  cursor: grab;
+  background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  padding: .25rem;
+  display: flex;
+}
+
+:is(.grip-XZjBQM:hover, .byline-sortable-grip:hover) {
+  background-color: var(--gray-100);
+}
+
+:is(.grip-XZjBQM:active, .byline-sortable-grip:active) {
+  cursor: grabbing;
+}
+
+:is(.grip-icon-tCuFX_, .byline-sortable-grip-icon) {
+  width: 1rem;
+  height: 1rem;
+  color: var(--primary-500);
+}
+
+:is(.label-SFRtoy, .byline-sortable-label) {
+  min-width: 0;
+  font-size: 1rem;
+  font-weight: var(--font-weight-medium);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  overflow: hidden;
+}
+
+:is(.toggle-zv8W_y, .byline-sortable-toggle) {
+  border-radius: var(--border-radius-sm);
+  color: var(--gray-400);
+  cursor: pointer;
+  background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  padding: .25rem;
+  display: flex;
+}
+
+:is(.toggle-zv8W_y:hover, .byline-sortable-toggle:hover) {
+  background-color: var(--gray-800);
+}
+
+:is(.toggle-icon-vk15Bb, .byline-sortable-toggle-icon) {
+  width: 1rem;
+  height: 1rem;
+  transition: transform .15s;
+}
+
+:is(.toggle-icon-rotated-p9rEVP, .byline-sortable-toggle-icon-rotated) {
+  transform: rotate(180deg);
+}
+
+:is(.content-ril4mv, .byline-sortable-content) {
+  gap: var(--spacing-16);
+  opacity: 1;
+  flex-direction: column;
+  transition: all .2s;
+  display: flex;
+  position: relative;
+}
+
+:is(.content-hidden-zrS2UX, .byline-sortable-content-hidden) {
+  opacity: 0;
+  z-index: -10;
+  max-height: 0;
+}
+
+:is(:is([data-theme="dark"], .dark) .root-nYQaZT, :is([data-theme="dark"], .dark) .byline-sortable) {
+  background-color: var(--canvas-800);
+}
+
+:is(:is([data-theme="dark"], .dark) .dragging-rtG5ct, :is([data-theme="dark"], .dark) .byline-sortable-dragging) {
+  background-color: oklch(from var(--canvas-700) l c h / .3);
+}
+
+:is(:is([data-theme="dark"], .dark) .grip-XZjBQM:hover, :is([data-theme="dark"], .dark) .byline-sortable-grip:hover) {
+  background-color: var(--gray-800);
+}
+
+:is(:is([data-theme="dark"], .dark) .grip-icon-tCuFX_, :is([data-theme="dark"], .dark) .byline-sortable-grip-icon) {
+  color: var(--primary-200);
+}
+

package/dist/fields/text/text-field.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { FieldComponentSlots, TextField as FieldType } from '@byline/core';
+export declare const TextField: ({ field, value, defaultValue, onChange, id, path, locale, components, }: {
+    field: FieldType;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    id?: string;
+    path?: string;
+    /** When provided, renders a LocaleBadge next to the field label. */
+    locale?: string;
+    /** Optional UI component slot overrides from the admin config. */
+    components?: FieldComponentSlots;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=text-field.d.ts.map

package/dist/fields/text/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/fields/text/text-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAS,mBAAmB,EAAE,SAAS,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AAQtF,eAAO,MAAM,SAAS,GAAI,yEASvB;IACD,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,UAAU,CAAC,EAAE,mBAAmB,CAAA;CACjC,gCA2GA,CAAA"}