alinea 2.0.0-preview.13 → 2.0.0-preview.14

package/dist/components/Table.js

@@ -2,12 +2,16 @@ import {
   $143fb904d86051ce$export$89be5a243e59c4b2,
   $7705c033048f6da7$export$353f5b6fc5456de1,
   $89d060d8eb451127$export$4b687e3f663d618c,
+  $89d060d8eb451127$export$533df5f8efd48cc9,
   $89d060d8eb451127$export$53d36ab85dc89436,
   $89d060d8eb451127$export$7fbedc92909ed28e,
+  $89d060d8eb451127$export$8953bccafd7bce87,
   $942f06a693c162e2$export$cacbb3924155d68e
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import {
+  $42ceafc619f9c3ba$export$fb8073518f34e6ec
+} from "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -29,66 +33,70 @@ import {
 
 // src/components/Table.module.css
 var Table_default = {
-  "TableHeader-sortIcon": "alinea-TableHeader-sortIcon",
-  "TableHeaderSortIcon": "alinea-TableHeader-sortIcon",
-  "TableCell-label": "alinea-TableCell-label",
-  "TableCellLabel": "alinea-TableCell-label",
   "TableTitle-suffix": "alinea-TableTitle-suffix",
   "TableTitleSuffix": "alinea-TableTitle-suffix",
+  "TableThumbnail-image": "alinea-TableThumbnail-image",
+  "TableThumbnailImage": "alinea-TableThumbnail-image",
+  "TableTitle-drag": "alinea-TableTitle-drag",
+  "TableTitleDrag": "alinea-TableTitle-drag",
   "Table": "alinea-Table",
-  "TableHeader-head": "alinea-TableHeader-head",
-  "TableHeaderHead": "alinea-TableHeader-head",
-  "TableHeader-sort": "alinea-TableHeader-sort",
-  "TableHeaderSort": "alinea-TableHeader-sort",
-  "is-highlighted": "alinea-is-highlighted",
-  "isHighlighted": "alinea-is-highlighted",
-  "TableRow-selection": "alinea-TableRow-selection",
-  "TableRowSelection": "alinea-TableRow-selection",
-  "is-indented": "alinea-is-indented",
-  "isIndented": "alinea-is-indented",
-  "TableThumbnail": "alinea-TableThumbnail",
-  "TableRow": "alinea-TableRow",
+  "Table-dropIndicator": "alinea-Table-dropIndicator",
+  "TableDropIndicator": "alinea-Table-dropIndicator",
   "is-static": "alinea-is-static",
   "isStatic": "alinea-is-static",
+  "is-dropTarget": "alinea-is-dropTarget",
+  "isDropTarget": "alinea-is-dropTarget",
+  "is-indented": "alinea-is-indented",
+  "isIndented": "alinea-is-indented",
+  "is-sorted": "alinea-is-sorted",
+  "isSorted": "alinea-is-sorted",
+  "TableRow-selection": "alinea-TableRow-selection",
+  "TableRowSelection": "alinea-TableRow-selection",
+  "TableRow-chevron-button": "alinea-TableRow-chevron-button",
+  "TableRowChevronButton": "alinea-TableRow-chevron-button",
+  "is-highlighted": "alinea-is-highlighted",
+  "isHighlighted": "alinea-is-highlighted",
+  "TableTitle": "alinea-TableTitle",
   "TableTitle-text": "alinea-TableTitle-text",
   "TableTitleText": "alinea-TableTitle-text",
-  "Table-empty": "alinea-Table-empty",
-  "TableEmpty": "alinea-Table-empty",
+  "TableRow-chevron": "alinea-TableRow-chevron",
+  "TableRowChevron": "alinea-TableRow-chevron",
+  "TableCell-value": "alinea-TableCell-value",
+  "TableCellValue": "alinea-TableCell-value",
   "TableHeader": "alinea-TableHeader",
+  "TableTitle-icon": "alinea-TableTitle-icon",
+  "TableTitleIcon": "alinea-TableTitle-icon",
   "TableRow-grid": "alinea-TableRow-grid",
   "TableRowGrid": "alinea-TableRow-grid",
+  "TableCell-label": "alinea-TableCell-label",
+  "TableCellLabel": "alinea-TableCell-label",
+  "TableHeader-head": "alinea-TableHeader-head",
+  "TableHeaderHead": "alinea-TableHeader-head",
   "is-active": "alinea-is-active",
   "isActive": "alinea-is-active",
-  "Table-body": "alinea-Table-body",
-  "TableBody": "alinea-Table-body",
-  "TableTitle": "alinea-TableTitle",
-  "TableRow-chevron-button": "alinea-TableRow-chevron-button",
-  "TableRowChevronButton": "alinea-TableRow-chevron-button",
+  "TableHeader-sort": "alinea-TableHeader-sort",
+  "TableHeaderSort": "alinea-TableHeader-sort",
+  "TableRow-first": "alinea-TableRow-first",
+  "TableRowFirst": "alinea-TableRow-first",
   "TableCell": "alinea-TableCell",
-  "TableTitle-icon": "alinea-TableTitle-icon",
-  "TableTitleIcon": "alinea-TableTitle-icon",
+  "Table-empty": "alinea-Table-empty",
+  "TableEmpty": "alinea-Table-empty",
   "TableTitle-title": "alinea-TableTitle-title",
   "TableTitleTitle": "alinea-TableTitle-title",
-  "TableThumbnail-image": "alinea-TableThumbnail-image",
-  "TableThumbnailImage": "alinea-TableThumbnail-image",
-  "is-dragging": "alinea-is-dragging",
-  "isDragging": "alinea-is-dragging",
+  "TableHeader-label": "alinea-TableHeader-label",
+  "TableHeaderLabel": "alinea-TableHeader-label",
   "TableTitle-label": "alinea-TableTitle-label",
   "TableTitleLabel": "alinea-TableTitle-label",
-  "is-dropTarget": "alinea-is-dropTarget",
-  "isDropTarget": "alinea-is-dropTarget",
-  "is-sorted": "alinea-is-sorted",
-  "isSorted": "alinea-is-sorted",
-  "TableRow-chevron": "alinea-TableRow-chevron",
-  "TableRowChevron": "alinea-TableRow-chevron",
-  "Table-dropIndicator": "alinea-Table-dropIndicator",
-  "TableDropIndicator": "alinea-Table-dropIndicator",
-  "TableCell-value": "alinea-TableCell-value",
-  "TableCellValue": "alinea-TableCell-value",
-  "TableRow-first": "alinea-TableRow-first",
-  "TableRowFirst": "alinea-TableRow-first",
-  "TableTitle-drag": "alinea-TableTitle-drag",
-  "TableTitleDrag": "alinea-TableTitle-drag"
+  "TableThumbnail": "alinea-TableThumbnail",
+  "TableHeader-sortIcon": "alinea-TableHeader-sortIcon",
+  "TableHeaderSortIcon": "alinea-TableHeader-sortIcon",
+  "Table-loader": "alinea-Table-loader",
+  "TableLoader": "alinea-Table-loader",
+  "Table-body": "alinea-Table-body",
+  "TableBody": "alinea-Table-body",
+  "TableRow": "alinea-TableRow",
+  "is-dragging": "alinea-is-dragging",
+  "isDragging": "alinea-is-dragging"
 };
 
 // src/components/Table.tsx
@@ -96,6 +104,7 @@ import { FoldIcon } from "./FoldIcon.js";
 import { Icon } from "./Icon.js";
 import { SelectionCheckbox } from "./internal/SelectionCheckbox.js";
 import { useDragDrop } from "./internal/useDragDrop.js";
+import { Spinner } from "./Spinner.js";
 import { Surface } from "./Surface.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
@@ -153,6 +162,8 @@ function Table({
   onSortChange,
   onRowAction,
   renderEmptyState,
+  loading,
+  onLoadMore,
   dependencies = [],
   getDragData,
   acceptedDragTypes,
@@ -214,14 +225,17 @@ function Table({
           $143fb904d86051ce$export$89be5a243e59c4b2,
           {
             layout: $942f06a693c162e2$export$cacbb3924155d68e,
-            layoutOptions: { rowHeight, padding: 0, gap: 0 },
+            layoutOptions: {
+              rowHeight,
+              loaderHeight: rowHeight,
+              padding: 0,
+              gap: 0
+            },
             children: /* @__PURE__ */ createElement(
               $89d060d8eb451127$export$7fbedc92909ed28e,
               {
                 ...props,
                 key: dnd.key,
-                items,
-                dependencies: [context, ...dependencies],
                 selectionMode,
                 selectionBehavior,
                 selectedKeys,
@@ -234,12 +248,12 @@ function Table({
                 onExpandedChange,
                 onAction: onRowAction && noop,
                 dragAndDropHooks: dnd.dragAndDropHooks,
-                renderEmptyState: renderEmptyState ? () => /* @__PURE__ */ jsx(
+                renderEmptyState: loading || renderEmptyState ? () => /* @__PURE__ */ jsx(
                   "div",
                   {
-                    "data-slot": "table-empty",
+                    "data-slot": loading ? "table-loading" : "table-empty",
                     className: styles.Table.empty(),
-                    children: renderEmptyState()
+                    children: loading ? /* @__PURE__ */ jsx(Spinner, {}) : renderEmptyState?.()
                   }
                 ) : void 0,
                 className: (values) => styles.Table.body({
@@ -247,7 +261,8 @@ function Table({
                   dropTarget: values.isDropTarget
                 })
               },
-              children
+              /* @__PURE__ */ jsx($42ceafc619f9c3ba$export$fb8073518f34e6ec, { items, dependencies: [context, ...dependencies], children }),
+              (loading !== void 0 || onLoadMore) && /* @__PURE__ */ jsx($89d060d8eb451127$export$533df5f8efd48cc9, { isLoading: loading, onLoadMore, children: /* @__PURE__ */ jsx(TableLoader, {}) })
             )
           }
         )
@@ -255,6 +270,11 @@ function Table({
     }
   ) });
 }
+function TableLoader() {
+  const state = useContext($89d060d8eb451127$export$8953bccafd7bce87);
+  if (!state?.collection.size) return null;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "table-loader", className: styles.Table.loader(), children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) });
+}
 var sortDescriptions = {
   asc: "sorted ascending",
   desc: "sorted descending"
@@ -266,7 +286,15 @@ function TableHeader({ sortDescriptor, onSortChange }) {
     columns.map((column, index) => {
       const sorted = sortDescriptor?.column === column.id ? sortDescriptor.direction : void 0;
       const label = /* @__PURE__ */ jsxs(Fragment, { children: [
-        column.header,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "table-head-label",
+            className: styles.TableHeader.label(),
+            title: typeof column.header === "string" ? column.header : void 0,
+            children: column.header
+          }
+        ),
         sorted && /* @__PURE__ */ jsx(
           Icon,
           {

package/dist/components/Tabs.js

@@ -3,9 +3,9 @@ import {
   $b4f18e3395fe64d7$export$3e41faf802a29e71,
   $b4f18e3395fe64d7$export$b2539bed5023c21c,
   $b4f18e3395fe64d7$export$e51a686c67fdaa2d
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -15,12 +15,12 @@ import "../chunks/chunk-CQ52GEHY.js";
 
 // src/components/Tabs.module.css
 var Tabs_default = {
-  "TabsList": "alinea-TabsList",
+  "Tabs": "alinea-Tabs",
+  "TabsContent": "alinea-TabsContent",
   "TabsList-list": "alinea-TabsList-list",
   "TabsListList": "alinea-TabsList-list",
-  "TabsTrigger": "alinea-TabsTrigger",
-  "TabsContent": "alinea-TabsContent",
-  "Tabs": "alinea-Tabs"
+  "TabsList": "alinea-TabsList",
+  "TabsTrigger": "alinea-TabsTrigger"
 };
 
 // src/components/Tabs.tsx

package/dist/components/TagGroup.js

@@ -3,9 +3,9 @@ import {
   $3df3ddf5bafbc7b1$export$67ea30858aaf75e3,
   $3df3ddf5bafbc7b1$export$f9fef0f55402315b,
   $7705c033048f6da7$export$353f5b6fc5456de1
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -21,18 +21,18 @@ import { Icon } from "./Icon.js";
 
 // src/components/TagGroup.module.css
 var TagGroup_default = {
-  "is-selectable": "alinea-is-selectable",
-  "isSelectable": "alinea-is-selectable",
-  "TagGroup": "alinea-TagGroup",
-  "is-readOnly": "alinea-is-readOnly",
-  "isReadOnly": "alinea-is-readOnly",
   "TagGroup-list": "alinea-TagGroup-list",
   "TagGroupList": "alinea-TagGroup-list",
-  "is-selected": "alinea-is-selected",
-  "isSelected": "alinea-is-selected",
+  "TagGroup": "alinea-TagGroup",
   "Tag-remove": "alinea-Tag-remove",
   "TagRemove": "alinea-Tag-remove",
-  "Tag": "alinea-Tag"
+  "is-readOnly": "alinea-is-readOnly",
+  "isReadOnly": "alinea-is-readOnly",
+  "Tag": "alinea-Tag",
+  "is-selectable": "alinea-is-selectable",
+  "isSelectable": "alinea-is-selectable",
+  "is-selected": "alinea-is-selected",
+  "isSelected": "alinea-is-selected"
 };
 
 // src/components/TagGroup.tsx

package/dist/components/TextField.d.ts

@@ -11,6 +11,8 @@ export interface TextFieldProps extends FieldSharedProps, StyleProps, AriaProps,
     multiline?: boolean;
     /** Minimum number of rows of a multiline field */
     rows?: number;
+    /** Maximum number of rows a multiline field grows to before it scrolls */
+    maxRows?: number;
     /** Icon displayed inside the input, before the text */
     startIcon?: IconType | ReactElement;
     /** Icon displayed inside the input, after the text */
@@ -20,6 +22,10 @@ export interface TextFieldProps extends FieldSharedProps, StyleProps, AriaProps,
     autoComplete?: string;
     maxLength?: number;
     minLength?: number;
+    /** Which virtual keyboard to show, eg. `numeric` for a code */
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    /** A regular expression the value must match to be valid */
+    pattern?: string;
     onBlur?: (event: FocusEvent<TextFieldElement>) => void;
     onFocus?: (event: FocusEvent<TextFieldElement>) => void;
     onKeyDown?: (event: KeyboardEvent<TextFieldElement>) => void;
@@ -27,5 +33,5 @@ export interface TextFieldProps extends FieldSharedProps, StyleProps, AriaProps,
     inputProps?: DataProps;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function TextField({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, placeholder, type, multiline, rows, startIcon, endIcon, autoComplete, maxLength, minLength, onBlur, onFocus, onKeyDown, inputProps, className, style, ...props }: TextFieldProps): import("react").JSX.Element;
+export declare function TextField({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, placeholder, type, multiline, rows, maxRows, startIcon, endIcon, autoComplete, maxLength, minLength, onBlur, onFocus, onKeyDown, inputProps, className, style, ...props }: TextFieldProps): import("react").JSX.Element;
 export {};

package/dist/components/TextField.js

@@ -2,9 +2,9 @@ import {
   $41fb335299a4a39e$export$f5b8910cec6cf069,
   $b8dcdc58eeae0d40$export$2c73285ae9390cec,
   $bd263d78e9bf3c56$export$f5c9f3c2c4054eec
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -21,18 +21,20 @@ import { Icon } from "./Icon.js";
 
 // src/components/TextField.module.css
 var TextField_default = {
-  "TextFieldGroup": "alinea-TextFieldGroup",
+  "is-shadow": "alinea-is-shadow",
+  "isShadow": "alinea-is-shadow",
+  "TextField": "alinea-TextField",
   "is-start": "alinea-is-start",
   "isStart": "alinea-is-start",
-  "TextField": "alinea-TextField",
+  "TextFieldGroup": "alinea-TextFieldGroup",
+  "is-limited": "alinea-is-limited",
+  "isLimited": "alinea-is-limited",
+  "is-end": "alinea-is-end",
+  "isEnd": "alinea-is-end",
   "TextFieldGroup-icon": "alinea-TextFieldGroup-icon",
   "TextFieldGroupIcon": "alinea-TextFieldGroup-icon",
   "TextFieldControl": "alinea-TextFieldControl",
-  "is-shadow": "alinea-is-shadow",
-  "isShadow": "alinea-is-shadow",
-  "TextFieldGrow": "alinea-TextFieldGrow",
-  "is-end": "alinea-is-end",
-  "isEnd": "alinea-is-end"
+  "TextFieldGrow": "alinea-TextFieldGrow"
 };
 
 // src/components/TextField.tsx
@@ -54,6 +56,7 @@ function TextField({
   type = "text",
   multiline,
   rows = 1,
+  maxRows,
   startIcon,
   endIcon,
   autoComplete,
@@ -85,6 +88,7 @@ function TextField({
     onKeyDown
   };
   const adornments = { start: Boolean(startIcon), end: Boolean(endIcon) };
+  const limit = maxRows ? { maxHeight: `calc(${maxRows * 1.5}em + 18px)` } : void 0;
   return /* @__PURE__ */ jsx(
     $b8dcdc58eeae0d40$export$2c73285ae9390cec,
     {
@@ -99,7 +103,7 @@ function TextField({
       isRequired: required,
       isDisabled: disabled,
       isReadOnly: readOnly,
-      isInvalid: Boolean(error),
+      isInvalid: error ? true : void 0,
       className: styles.TextField(dist_default.merge({ className })),
       style,
       children: /* @__PURE__ */ jsx(
@@ -130,7 +134,11 @@ function TextField({
                   ...inputProps,
                   ...control,
                   rows,
-                  className: styles.TextFieldControl(adornments)
+                  className: styles.TextFieldControl({
+                    ...adornments,
+                    limited: Boolean(maxRows)
+                  }),
+                  style: limit
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -142,6 +150,7 @@ function TextField({
                     ...adornments,
                     shadow: true
                   }),
+                  style: limit,
                   children: `${current || placeholder || ""} `
                 }
               )

package/dist/components/TimeField.d.ts

@@ -15,7 +15,12 @@ export interface TimeFieldProps extends FieldSharedProps, StyleProps, AriaProps,
     granularity?: 'minute' | 'second';
     /** Defaults to the locale's hour cycle */
     hourCycle?: 12 | 24;
+    /**
+     * Name of the hidden form input, which submits the time like a native
+     * time input: `HH:mm`, or `HH:mm:ss` when granularity is `second`, and an
+     * empty string when no time is set
+     */
     name?: string;
     autoFocus?: boolean;
 }
-export declare function TimeField({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, min, max, granularity, className, locale, ...props }: TimeFieldProps): import("react").JSX.Element;
+export declare function TimeField({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, min, max, granularity, name, className, locale, ...props }: TimeFieldProps): import("react").JSX.Element;

package/dist/components/TimeField.js

@@ -1,10 +1,11 @@
 import {
   $5400c097f4765e59$export$336ab7fa954c4b5f,
+  $5400c097f4765e59$export$5d8dc44abd10a920,
   $5400c097f4765e59$export$5eaee2322dd727eb,
   $5400c097f4765e59$export$7edc06cf1783b30f
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -13,6 +14,7 @@ import {
 import "../chunks/chunk-CQ52GEHY.js";
 
 // src/components/TimeField.tsx
+import { useContext } from "react";
 import { Field } from "./Field.js";
 import { formatTime, toTime } from "./internal/DateValue.js";
 import { Locale } from "./internal/Locale.js";
@@ -21,17 +23,17 @@ import { Locale } from "./internal/Locale.js";
 var TimeField_default = {
   "TimeField-segment": "alinea-TimeField-segment",
   "TimeFieldSegment": "alinea-TimeField-segment",
+  "is-placeholder": "alinea-is-placeholder",
+  "isPlaceholder": "alinea-is-placeholder",
   "is-literal": "alinea-is-literal",
   "isLiteral": "alinea-is-literal",
+  "TimeField": "alinea-TimeField",
   "TimeField-input": "alinea-TimeField-input",
-  "TimeFieldInput": "alinea-TimeField-input",
-  "is-placeholder": "alinea-is-placeholder",
-  "isPlaceholder": "alinea-is-placeholder",
-  "TimeField": "alinea-TimeField"
+  "TimeFieldInput": "alinea-TimeField-input"
 };
 
 // src/components/TimeField.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var styles = dist_default(TimeField_default);
 function TimeField({
   label,
@@ -48,6 +50,7 @@ function TimeField({
   min,
   max,
   granularity = "minute",
+  name,
   className,
   locale,
   ...props
@@ -68,7 +71,7 @@ function TimeField({
       isDisabled: disabled,
       isReadOnly: readOnly,
       isInvalid: error ? true : void 0,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs(
         Field,
         {
           label,
@@ -79,29 +82,51 @@ function TimeField({
           readOnly,
           icon,
           shared,
-          children: /* @__PURE__ */ jsx(
-            $5400c097f4765e59$export$7edc06cf1783b30f,
-            {
-              "data-slot": "time-field-input",
-              className: styles.TimeField.input(),
-              children: (segment) => /* @__PURE__ */ jsx(
-                $5400c097f4765e59$export$336ab7fa954c4b5f,
-                {
-                  "data-slot": "time-field-segment",
-                  className: (state) => styles.TimeField.segment({
-                    placeholder: state.isPlaceholder,
-                    literal: segment.type === "literal"
-                  }),
-                  segment
-                }
-              )
-            }
-          )
+          children: [
+            /* @__PURE__ */ jsx(
+              $5400c097f4765e59$export$7edc06cf1783b30f,
+              {
+                "data-slot": "time-field-input",
+                className: styles.TimeField.input(),
+                children: (segment) => /* @__PURE__ */ jsx(
+                  $5400c097f4765e59$export$336ab7fa954c4b5f,
+                  {
+                    "data-slot": "time-field-segment",
+                    className: (state) => styles.TimeField.segment({
+                      placeholder: state.isPlaceholder,
+                      literal: segment.type === "literal"
+                    }),
+                    segment
+                  }
+                )
+              }
+            ),
+            name && /* @__PURE__ */ jsx(
+              TimeFieldValue,
+              {
+                name,
+                granularity,
+                disabled
+              }
+            )
+          ]
         }
       )
     }
   ) });
 }
+function TimeFieldValue({ name, granularity, disabled }) {
+  const time = useContext($5400c097f4765e59$export$5d8dc44abd10a920)?.timeValue;
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "hidden",
+      name,
+      disabled,
+      value: time ? formatTime(time, granularity) : ""
+    }
+  );
+}
 export {
   TimeField
 };

package/dist/components/Timestamp.js

@@ -1,7 +1,7 @@
 import "../chunks/chunk-NUFRM6SI.js";
 import {
   $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
-} from "../chunks/chunk-HOETF6HN.js";
+} from "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {

package/dist/components/ToggleGroup.js

@@ -1,8 +1,8 @@
 import {
   $bc25b811ec97a172$export$40258cc1d95ff477
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {

package/dist/components/Toolbar.js

@@ -1,9 +1,9 @@
 import {
   $db7105decd081705$export$4c260019440d418f,
   $e28ab3efe3e87743$export$1ff3c3f08ae963c0
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -17,8 +17,8 @@ import { Button } from "./Button.js";
 
 // src/components/Toolbar.module.css
 var Toolbar_default = {
-  "ToolbarSeparator": "alinea-ToolbarSeparator",
   "Toolbar": "alinea-Toolbar",
+  "ToolbarSeparator": "alinea-ToolbarSeparator",
   "ToolbarGroup": "alinea-ToolbarGroup"
 };
 

package/dist/components/Tooltip.js

@@ -2,9 +2,9 @@ import {
   $05a50f7d78b03ad9$export$28c660c63b792dea,
   $05a50f7d78b03ad9$export$8c610744efcf8a1d,
   $4fcfe18fac72dabd$export$746d02f47f4d381
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -18,11 +18,11 @@ import { Trigger } from "./internal/Trigger.js";
 
 // src/components/Tooltip.module.css
 var Tooltip_default = {
-  "TooltipContent": "alinea-TooltipContent",
   "TooltipContent-arrow-icon": "alinea-TooltipContent-arrow-icon",
   "TooltipContentArrowIcon": "alinea-TooltipContent-arrow-icon",
   "TooltipContent-arrow": "alinea-TooltipContent-arrow",
-  "TooltipContentArrow": "alinea-TooltipContent-arrow"
+  "TooltipContentArrow": "alinea-TooltipContent-arrow",
+  "TooltipContent": "alinea-TooltipContent"
 };
 
 // src/components/Tooltip.tsx
@@ -67,6 +67,7 @@ function TooltipContent({
     $05a50f7d78b03ad9$export$28c660c63b792dea,
     {
       "data-slot": "tooltip-content",
+      "data-alinea-theme": "",
       ...props,
       placement: placement(side, align),
       offset: sideOffset,