@flamingo-stack/openframe-frontend-core 0.0.765 → 0.0.766

package/dist/components/ui/table/table.js

@@ -5,20 +5,22 @@ import { cn } from "../../../utils/cn.js";
 import { Chevron02RightIcon } from "../../icons-v2-generated/index.js";
 import { Pagination } from "../../pagination.js";
 import { Button } from "../button/index.js";
-import { CursorPagination } from "../cursor-pagination.js";
+import { CursorPagination, CursorPaginationSkeleton } from "../cursor-pagination.js";
 import { PlaceholderRows, ReservedEmptyState } from "../data-table/data-table-skeleton.js";
+import { useLoadingScope } from "../loading-scope.js";
 import { TableEmptyState } from "./table-empty-state.js";
 import { TableHeader } from "./table-header.js";
 import { TableRow } from "./table-row.js";
-import { COMPACT_ROW_MIN_HEIGHT, TableCardSkeleton } from "./table-skeleton.js";
+import { COMPACT_ROW_MIN_HEIGHT, TABLE_SKELETON_ROWS, TableCardSkeleton } from "./table-skeleton.js";
 import { useTableMotion } from "./use-table-motion.js";
+import { TABLE_ACTIONS_COLUMN_KEY, TABLE_CHEVRON_COLUMN_KEY } from "./utils.js";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref, actionsColumnWidth) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
   const actions = rowActions ?? [];
   if (hasActions) {
     const actionsColumn = {
-      key: "__actions__",
+      key: TABLE_ACTIONS_COLUMN_KEY,
       label: "",
       // A caller-fixed width keeps the header and every row on ONE grid
       // (see `actionsColumnWidth` in types.ts); the default stays
@@ -44,7 +46,7 @@ function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref,
   }
   if (rowHref) {
     const chevronColumn = {
-      key: "__chevron__",
+      key: TABLE_CHEVRON_COLUMN_KEY,
       label: "",
       width: "w-12 shrink-0 flex-none",
       align: "right",
@@ -72,9 +74,9 @@ function Table({
   data,
   columns,
   rowKey,
-  loading = false,
+  loading: loadingProp = false,
   emptyMessage,
-  skeletonRows = 10,
+  skeletonRows = TABLE_SKELETON_ROWS,
   minRows,
   emptyState,
   keepHeightWhenEmpty,
@@ -107,8 +109,15 @@ function Table({
   animateRowReorder,
   actionsColumnWidth
 }) {
+  const loading = useLoadingScope() || loadingProp;
   const tableMotion = useTableMotion(Boolean(animateRowReorder));
   const columnsWithActions = injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref, actionsColumnWidth);
+  const skeletonShape = {
+    columns: columnsWithActions,
+    compact,
+    selectable,
+    actions: renderRowActions ? void 0 : rowActions?.map((action) => ({ iconOnly: Boolean(action.icon) && !action.label }))
+  };
   const reservedRows = minRows ?? (keepHeightWhenEmpty ? skeletonRows : void 0);
   const resolvedEmptyState = emptyState ?? (emptyDescription ? { title: emptyMessage, description: emptyDescription } : void 0);
   const getRowHref = (item) => {
@@ -218,16 +227,7 @@ function Table({
         stickyHeaderOffset
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col gap-2", className), children: loading && data.length === 0 ? /* @__PURE__ */ jsx(
-      TableCardSkeleton,
-      {
-        columns,
-        rows: skeletonRows,
-        compact,
-        hasActions: (rowActions?.length ?? 0) > 0,
-        hasChevron: Boolean(rowHref)
-      }
-    ) : data.length === 0 ? (
+    /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col gap-2", className), children: loading && data.length === 0 ? /* @__PURE__ */ jsx(TableCardSkeleton, { ...skeletonShape, rows: skeletonRows }) : data.length === 0 ? (
       /* `minRows` promises a STABLE height, and an empty table is exactly
          when a collapsing one is most visible — the pagination and
          everything under it jump the moment a filter matches nothing. So
@@ -265,15 +265,7 @@ function Table({
         const LayoutGroup = tableMotion?.LayoutGroup;
         return animateRowReorder && LayoutGroup ? /* @__PURE__ */ jsx(LayoutGroup, { children: rows }) : rows;
       })(),
-      infiniteScroll?.isFetchingNextPage && /* @__PURE__ */ jsx(
-        TableCardSkeleton,
-        {
-          columns,
-          rows: infiniteScroll.skeletonRows ?? 3,
-          hasActions: (rowActions?.length ?? 0) > 0,
-          hasChevron: Boolean(rowHref)
-        }
-      ),
+      infiniteScroll?.isFetchingNextPage && /* @__PURE__ */ jsx(TableCardSkeleton, { ...skeletonShape, rows: infiniteScroll.skeletonRows ?? 3 }),
       infiniteScroll?.hasNextPage && /* @__PURE__ */ jsx("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" }),
       !infiniteScroll && /* @__PURE__ */ jsx(
         PlaceholderRows,
@@ -305,6 +297,19 @@ function Table({
         className: cn("mt-2 border-t border-ods-border pt-3", paginationClassName)
       }
     ),
+    !infiniteScroll && cursorPagination && loading && data.length === 0 && /* @__PURE__ */ jsx(
+      CursorPaginationSkeleton,
+      {
+        hasPreviousPage: cursorPagination.hasPreviousPage,
+        onPrevious: cursorPagination.onPrevious,
+        onReset: cursorPagination.onReset,
+        showInfo: cursorPagination.showInfo ?? true,
+        compact: cursorPagination.compact,
+        resetButtonLabel: cursorPagination.resetButtonLabel,
+        resetButtonIcon: cursorPagination.resetButtonIcon,
+        className: cn("mt-2 border-t border-ods-border pt-3", paginationClassName)
+      }
+    ),
     !infiniteScroll && pagePagination && !cursorPagination && data.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-2 border-t border-ods-border pt-3", paginationClassName), children: /* @__PURE__ */ jsx(
       Pagination,
       {

package/dist/components/ui/table/types.d.ts

@@ -249,13 +249,23 @@ export interface TableCellProps {
 }
 /** @deprecated Use types from `data-table` instead. */
 export interface TableCardSkeletonProps {
-    /** Only `key` and `width` are read, so any `TableColumn<T>[]` fits. */
-    columns: ReadonlyArray<Pick<TableColumn, 'key' | 'width'>>;
+    /**
+     * The table's columns as its rows draw them, the synthetic actions and chevron columns included (`Table` passes
+     * its own). Only `key`, `width` and `hideAt` are read, so any `TableColumn<T>[]` fits.
+     */
+    columns: ReadonlyArray<Pick<TableColumn, 'key' | 'width' | 'hideAt'>>;
     rows?: number;
     /** Match a `compact` table's row height, so the first paint does not jump. */
     compact?: boolean;
-    hasActions?: boolean;
-    hasChevron?: boolean;
+    /**
+     * The row actions in the actions column, one button each (`iconOnly`: an icon button). Absent: the column's
+     * actions are the host's own (`renderRowActions`), drawn as one icon button.
+     */
+    actions?: ReadonlyArray<{
+        iconOnly: boolean;
+    }>;
+    /** The table's selection checkbox column. */
+    selectable?: boolean;
     className?: string;
     rowClassName?: string;
 }

package/dist/components/ui/table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,uDAAuD;AACvD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD,uDAAuD;AACvD,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,YAAY;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IAEtC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;CAC3E;AAED,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,uDAAuD;AACvD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,uEAAuE;IACvE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC/B;AAED,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CACrC;AAED,uDAAuD;AACvD,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,uDAAuD;AACvD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,uDAAuD;AACvD,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,YAAY;IAE1C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAGxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;uCAKmC;IACnC,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;;;;;;;OAQG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAG/B,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5B,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC1C;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAGjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAG5D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAG7B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAGtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,uDAAuD;AACvD,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,YAAY;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,YAAY;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,uDAAuD;AACvD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,YAAY;IAChD,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAE7D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IAExB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,uDAAuD;AACvD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,YAAY;IAC7C,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,uDAAuD;AACvD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,uDAAuD;AACvD,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC/C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,uDAAuD;AACvD,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;8CAC0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;4BACwB;IACxB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/ui/table/utils.d.ts

@@ -1,4 +1,8 @@
 import type { TableColumn, TailwindBreakpoint } from './types';
+/** The synthetic column `Table` adds for its row actions (`rowActions` / `renderRowActions`). */
+export declare const TABLE_ACTIONS_COLUMN_KEY = "__actions__";
+/** The synthetic column `Table` adds for its row link (`rowHref`): one chevron icon button. */
+export declare const TABLE_CHEVRON_COLUMN_KEY = "__chevron__";
 /** @deprecated Use `data-table` instead. */
 export declare function getHideClasses(hideAt?: TailwindBreakpoint | TailwindBreakpoint[]): string;
 /** @deprecated Use `data-table` instead. */

package/dist/components/ui/table/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,4CAA4C;AAC5C,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,GAAG,MAAM,CAkCzF;AAED,4CAA4C;AAC5C,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,CASnE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE/D,iGAAiG;AACjG,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AACtD,+FAA+F;AAC/F,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD,4CAA4C;AAC5C,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,GAAG,MAAM,CAkCzF;AAED,4CAA4C;AAC5C,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,CASnE"}

package/dist/components/ui/table/utils.js

@@ -1,4 +1,6 @@
 "use client";
+const TABLE_ACTIONS_COLUMN_KEY = "__actions__";
+const TABLE_CHEVRON_COLUMN_KEY = "__chevron__";
 function getHideClasses(hideAt) {
   if (!hideAt) {
     return "";
@@ -25,6 +27,8 @@ function isHiddenOnMobile(column) {
   return breakpoints.some((bp) => bp === "md");
 }
 export {
+  TABLE_ACTIONS_COLUMN_KEY,
+  TABLE_CHEVRON_COLUMN_KEY,
   getHideClasses,
   isHiddenOnMobile
 };

package/dist/components/ui/tabs.d.ts

@@ -27,7 +27,28 @@ interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive
 }
 /** @deprecated for `variant="default"` — use `TabNavigation`. `variant="admin-rail"` is the sanctioned admin tabs styling. See {@link Tabs}. */
 declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * A tab while it is read: the trigger's own box (padding, border, type step). `label` is a tab name the page states,
+ * drawn as it is; without one the label is a bar.
+ */
+declare function TabsTriggerSkeleton({ variant, label, className, }: {
+    variant?: TabsVariant;
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * A tab list whose tabs are not known until a read: the list's own frame (the bordered rail for `admin-rail`) and
+ * `count` trigger skeletons.
+ */
+declare function TabsListSkeleton({ variant, count, labels, className, }: {
+    variant?: TabsVariant;
+    /** How many tabs, when their names are read. */
+    count?: number;
+    /** The tabs' names, when the page states them (drawn as they are). */
+    labels?: string[];
+    className?: string;
+}): import("react").JSX.Element;
 /** @deprecated Use `TabNavigation` from `components/ui/tab-navigation`. See {@link Tabs}. */
 declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { Tabs, TabsList, TabsTrigger, TabsContent, TabsTriggerSkeleton, TabsListSkeleton };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,wBAAwB,EAA+B,MAAM,OAAO,CAAC;AAInF;;;;;;;;GAQG;AACH,QAAA,MAAM,IAAI,oHAAqB,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;AAqCnD,UAAU,aAAc,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;IACjF;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,gJAAgJ;AAChJ,QAAA,MAAM,QAAQ,0GAQb,CAAC;AAGF,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC;IACvF,6DAA6D;IAC7D,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,gJAAgJ;AAChJ,QAAA,MAAM,WAAW,gHAIhB,CAAC;AAGF,6FAA6F;AAC7F,QAAA,MAAM,WAAW,wLAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,wBAAwB,EAA+B,MAAM,OAAO,CAAC;AAMnF;;;;;;;;GAQG;AACH,QAAA,MAAM,IAAI,oHAAqB,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;AAqCnD,UAAU,aAAc,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;IACjF;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,gJAAgJ;AAChJ,QAAA,MAAM,QAAQ,0GAQb,CAAC;AAGF,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC;IACvF,6DAA6D;IAC7D,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,gJAAgJ;AAChJ,QAAA,MAAM,WAAW,gHAUhB,CAAC;AAMF;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,OAAmB,EACnB,KAAK,EACL,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAMA;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EACxB,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAWA;AAED,6FAA6F;AAC7F,QAAA,MAAM,WAAW,wLAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/tabs.js

@@ -3,6 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
 const Tabs = TabsPrimitive.Root;
 const TABS_LIST_BASE = "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground";
 const tabsListVariantClasses = {
@@ -37,9 +39,36 @@ const TabsList = forwardRef(
 );
 TabsList.displayName = TabsPrimitive.List.displayName;
 const TabsTrigger = forwardRef(
-  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { ref, className: cn(tabsTriggerVariantClasses[variant], className), ...props })
+  ({ className, variant = "default", ...props }, ref) => {
+    if (useLoadingScope()) {
+      const label = typeof props.children === "string" && props.children !== "" ? props.children : void 0;
+      return /* @__PURE__ */ jsx(TabsTriggerSkeleton, { variant, label, className });
+    }
+    return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { ref, className: cn(tabsTriggerVariantClasses[variant], className), ...props });
+  }
 );
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TRIGGER_LABEL_TYPE = { default: "h6", "admin-rail": "h4" };
+function TabsTriggerSkeleton({
+  variant = "default",
+  label,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn(tabsTriggerVariantClasses[variant], className), children: label ?? /* @__PURE__ */ jsx(TextLineSkeleton, { type: TRIGGER_LABEL_TYPE[variant], className: "w-20" }) });
+}
+function TabsListSkeleton({
+  variant = "default",
+  count,
+  labels,
+  className
+}) {
+  const tabs = labels ?? Array.from({ length: count ?? 0 }, () => void 0);
+  const list = /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn(tabsListVariantClasses[variant], className), children: tabs.map((label, i) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: skeleton tabs never reorder
+    /* @__PURE__ */ jsx(TabsTriggerSkeleton, { variant, label }, i)
+  )) });
+  return variant === "admin-rail" ? /* @__PURE__ */ jsx("div", { className: ADMIN_RAIL_WRAPPER_CLASS, children: list }) : list;
+}
 const TabsContent = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
@@ -56,5 +85,7 @@ export {
   Tabs,
   TabsContent,
   TabsList,
-  TabsTrigger
+  TabsListSkeleton,
+  TabsTrigger,
+  TabsTriggerSkeleton
 };

package/dist/components/ui/tag.d.ts

@@ -1,8 +1,20 @@
 import { type VariantProps } from 'class-variance-authority';
 import type React from 'react';
+/**
+ * Chip scale, read by `tagVariants` and by `TagSkeleton`. `default` is the classic 32px mono-uppercase tag;
+ * `large` is the Figma "Feature Item" chip (48px, h3 bold body label) used by chip groups acting as tabs
+ * (OpenFrame categories). `sentence`: a sentence, not a label: body type in the case it was written in (a question
+ * a visitor can ask), on the same chip surface. One line, always: a longer sentence clips and shows whole in the
+ * label's tooltip.
+ */
+export declare const TAG_SIZE_CLASS: {
+    readonly default: "h-8 gap-[var(--spacing-system-xs)] p-[var(--spacing-system-xsf)] text-h5";
+    readonly large: "h-12 gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] font-bold text-h3";
+    readonly sentence: "h-9 gap-[var(--spacing-system-xs)] px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] text-h6";
+};
 declare const tagVariants: (props?: ({
     size?: "default" | "large" | "sentence" | null | undefined;
-    variant?: "outline" | "warning" | "error" | "success" | "grey" | "primary" | "critical" | "selected" | "selectedCyan" | "badge" | null | undefined;
+    variant?: "outline" | "warning" | "error" | "success" | "selected" | "grey" | "primary" | "critical" | "selectedCyan" | "badge" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof tagVariants> {
     label: React.ReactNode;
@@ -22,4 +34,12 @@ export interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'ch
 }
 declare function Tag({ label, variant, size, icon, onClose, className, labelClassName, disabled, as: Comp, ...props }: TagProps): React.JSX.Element;
 export { Tag, tagVariants };
+/**
+ * A tag while its label is read: one skeleton box of the tag's own frame and size (its height and padding), a fixed
+ * width standing for the label.
+ */
+export declare function TagSkeleton({ size, className, }: {
+    size?: keyof typeof TAG_SIZE_CLASS;
+    className?: string;
+}): React.JSX.Element;
 //# sourceMappingURL=tag.d.ts.map

package/dist/components/ui/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,WAAW;;;8EAmEf,CAAC;AASH,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC;IAChG,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB;AAmCD,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,EACT,cAAc,EACd,QAAQ,EACR,EAAE,EAAE,IAAY,EAChB,GAAG,KAAK,EACT,EAAE,QAAQ,qBAgCV;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,QAAA,MAAM,WAAW;;;8EAwDf,CAAC;AASH,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC;IAChG,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB;AAmCD,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,EACT,cAAc,EACd,QAAQ,EACR,EAAE,EAAE,IAAY,EAChB,GAAG,KAAK,EACT,EAAE,QAAQ,qBAgCV;AAED,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;AAE5B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAgB,EAChB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAEA"}

package/dist/components/ui/tag.js

@@ -4,20 +4,17 @@ import { cva } from "class-variance-authority";
 import { useIsTruncated } from "../../hooks/ui/use-is-truncated.js";
 import { cn } from "../../utils/cn.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { FloatingTooltip } from "./floating-tooltip.js";
-const tagVariants = cva(["inline-flex items-center justify-center rounded-md", "transition-colors duration-150"], {
+const TAG_FRAME_CLASS = "inline-flex items-center justify-center rounded-md";
+const TAG_SIZE_CLASS = {
+  default: "h-8 gap-[var(--spacing-system-xs)] p-[var(--spacing-system-xsf)] text-h5",
+  large: "h-12 gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] font-bold text-h3",
+  sentence: "h-9 gap-[var(--spacing-system-xs)] px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] text-h6"
+};
+const tagVariants = cva([TAG_FRAME_CLASS, "transition-colors duration-150"], {
   variants: {
-    // Chip scale. `default` is the classic 32px mono-uppercase tag; `large`
-    // is the Figma "Feature Item" chip (48px, h3 bold body label) used by
-    // chip groups acting as tabs (OpenFrame categories).
-    size: {
-      default: "h-8 gap-[var(--spacing-system-xs)] p-[var(--spacing-system-xsf)] text-h5",
-      large: "h-12 gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] font-bold text-h3",
-      // A sentence, not a label: body type in the case it was written in (a
-      // question a visitor can ask), on the same chip surface. One line, always:
-      // a longer sentence clips and shows whole in the label's tooltip.
-      sentence: "h-9 gap-[var(--spacing-system-xs)] px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] text-h6"
-    },
+    size: TAG_SIZE_CLASS,
     variant: {
       primary: ["bg-ods-accent text-ods-text-on-accent", "hover:bg-ods-accent-hover active:bg-ods-accent-active"],
       outline: [
@@ -139,7 +136,15 @@ function Tag({
     }
   );
 }
+function TagSkeleton({
+  size = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: cn(TAG_FRAME_CLASS, TAG_SIZE_CLASS[size], "w-16 shrink-0", className) });
+}
 export {
+  TAG_SIZE_CLASS,
   Tag,
+  TagSkeleton,
   tagVariants
 };

package/dist/components/ui/tags-input.d.ts

@@ -1,3 +1,7 @@
+/** The field's layout (label, the input with its Add button, the tags, the count), shared with `TagsInputSkeleton`. */
+export declare const TAGS_INPUT_CLASS = "space-y-2";
+/** The input and its Add button on one line. */
+export declare const TAGS_INPUT_ROW_CLASS = "flex items-center gap-2";
 interface TagsInputProps {
     value: string[];
     onChange: (tags: string[]) => void;
@@ -10,5 +14,10 @@ interface TagsInputProps {
     label?: string;
 }
 export declare function TagsInput({ value, onChange, placeholder, className, disabled, maxTags, inputClassName, badgeClassName, label, }: TagsInputProps): import("react").JSX.Element;
+/**
+ * A `TagsInput` while its tags are read, in the field's own layout: the label and the Add button for real (the button
+ * inert), the input's box and the tag count as skeletons. The tags themselves depend on the record and are not drawn.
+ */
+export declare function TagsInputSkeleton({ label, maxTags, className, }: Pick<TagsInputProps, 'label' | 'maxTags' | 'className'>): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=tags-input.d.ts.map

package/dist/components/ui/tags-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tags-input.tsx"],"names":[],"mappings":"AAUA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,QAAQ,EACR,WAA4B,EAC5B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,KAAK,GACN,EAAE,cAAc,+BAqFhB"}
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tags-input.tsx"],"names":[],"mappings":"AAWA,uHAAuH;AACvH,eAAO,MAAM,gBAAgB,cAAc,CAAC;AAC5C,gDAAgD;AAChD,eAAO,MAAM,oBAAoB,4BAA4B,CAAC;AAkB9D,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,QAAQ,EACR,WAA4B,EAC5B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,KAAK,GACN,EAAE,cAAc,+BAgFhB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC,+BAWzD"}

package/dist/components/ui/tags-input.js

@@ -3,10 +3,28 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { X, Plus } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../../utils/cn.js";
+import { InteractiveSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { Badge } from "./badge.js";
 import { Button } from "./button/index.js";
 import { Input } from "./input.js";
 import { Label } from "./label.js";
+const TAGS_INPUT_CLASS = "space-y-2";
+const TAGS_INPUT_ROW_CLASS = "flex items-center gap-2";
+const TAGS_INPUT_FIELD_CLASS = "flex-1";
+const ADD_LABEL = "Add";
+function AddButton({ onClick, disabled }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      onClick,
+      disabled,
+      leftIcon: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+      children: ADD_LABEL
+    }
+  );
+}
 function TagsInput({
   value = [],
   onChange,
@@ -41,9 +59,9 @@ function TagsInput({
       handleAddTag();
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn(TAGS_INPUT_CLASS, className), children: [
     label && /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: TAGS_INPUT_ROW_CLASS, children: [
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -52,18 +70,14 @@ function TagsInput({
           onKeyPress: handleKeyPress,
           placeholder,
           disabled: disabled || (maxTags ? value.length >= maxTags : false),
-          className: cn("flex-1 border-ods-border bg-ods-bg text-ods-text-primary", inputClassName)
+          className: cn(TAGS_INPUT_FIELD_CLASS, "border-ods-border bg-ods-bg text-ods-text-primary", inputClassName)
         }
       ),
       /* @__PURE__ */ jsx(
-        Button,
+        AddButton,
         {
-          type: "button",
-          variant: "outline",
           onClick: handleAddTag,
-          disabled: disabled || !inputValue.trim() || (maxTags ? value.length >= maxTags : false),
-          leftIcon: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-          children: "Add"
+          disabled: disabled || !inputValue.trim() || (maxTags ? value.length >= maxTags : false)
         }
       )
     ] }),
@@ -88,6 +102,23 @@ function TagsInput({
     ] })
   ] });
 }
+function TagsInputSkeleton({
+  label,
+  maxTags,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(TAGS_INPUT_CLASS, className), children: [
+    label && /* @__PURE__ */ jsx(Label, { children: label }),
+    /* @__PURE__ */ jsxs("div", { className: TAGS_INPUT_ROW_CLASS, children: [
+      /* @__PURE__ */ jsx(InteractiveSkeleton.Input, { className: TAGS_INPUT_FIELD_CLASS }),
+      /* @__PURE__ */ jsx(AddButton, { disabled: true })
+    ] }),
+    maxTags ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-16" }) : null
+  ] });
+}
 export {
-  TagsInput
+  TAGS_INPUT_CLASS,
+  TAGS_INPUT_ROW_CLASS,
+  TagsInput,
+  TagsInputSkeleton
 };

package/dist/components/ui/textarea.d.ts

@@ -1,4 +1,11 @@
 import { type ButtonHTMLAttributes, type ReactNode, type TextareaHTMLAttributes } from 'react';
+/**
+ * The plain textarea's box: its type step (which sets the line height its rows are counted in), padding, 1px border,
+ * radius and minimum height. Read by `Textarea` and by `TextareaSkeleton`, so a field's skeleton is the field's box.
+ */
+export declare const TEXTAREA_BOX_CLASS: string;
+/** The height of a plain textarea of `rows` lines: the rows in the box's own line height, plus its padding and border. */
+export declare function textareaBoxHeight(rows?: number): string;
 export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     /** When true, renders red error border & ring */
     invalid?: boolean;
@@ -31,5 +38,14 @@ export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
     hideBorder?: boolean;
 }
 declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export { Textarea };
+/**
+ * A plain `Textarea` while its value is read: the textarea's own box (`TEXTAREA_BOX_CLASS`) at the height `rows` lines
+ * take, never under its minimum. The border is transparent so the one skeleton surface fills the whole box. The label
+ * is the host's: it is static copy and renders for real.
+ */
+declare function TextareaSkeleton({ rows, className }: {
+    rows?: number;
+    className?: string;
+}): import("react").JSX.Element;
+export { Textarea, TextareaSkeleton };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,KAAK,sBAAsB,EAAqB,MAAM,OAAO,CAAC;AAKlH,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACnC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/E;;;kFAG8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;iDAG6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,+GAuLZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,KAAK,sBAAsB,EAAqB,MAAM,OAAO,CAAC;AAOlH;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAA0E,CAAC;AAM1G,0HAA0H;AAC1H,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,MAA8B,GAAG,MAAM,CAE9E;AAED,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACnC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/E;;;kFAG8E;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;iDAG6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,+GAsLZ,CAAC;AAGH;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EAAE,IAA4B,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAO3G;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/textarea.js

@@ -1,8 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useId } from "react";
+import { CONTROL_SIZE } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { FieldWrapper } from "./field-wrapper.js";
+const TEXTAREA_BOX_CLASS = `flex ${CONTROL_SIZE.textarea} w-full rounded-[6px] border p-3 text-h4`;
+const TEXTAREA_BOX_CHROME_PX = 2 * 12 + 2 * 1;
+const TEXTAREA_DEFAULT_ROWS = 2;
+function textareaBoxHeight(rows = TEXTAREA_DEFAULT_ROWS) {
+  return `calc(${rows}lh + ${TEXTAREA_BOX_CHROME_PX}px)`;
+}
 const Textarea = forwardRef((allProps, ref) => {
   const {
     className,
@@ -27,8 +35,7 @@ const Textarea = forwardRef((allProps, ref) => {
       "textarea",
       {
         className: cn(
-          "flex min-h-[96px] w-full rounded-[6px] border p-3",
-          "text-h4",
+          TEXTAREA_BOX_CLASS,
           "focus:border-ods-accent focus-visible:outline-none",
           "touch-manipulation transition-colors duration-200",
           "border-ods-border bg-ods-card text-ods-text-primary placeholder:text-ods-text-secondary",
@@ -155,6 +162,18 @@ const Textarea = forwardRef((allProps, ref) => {
   return /* @__PURE__ */ jsx(FieldWrapper, { label, labelVariant, error, errorSlot, children: content });
 });
 Textarea.displayName = "Textarea";
+function TextareaSkeleton({ rows = TEXTAREA_DEFAULT_ROWS, className }) {
+  return /* @__PURE__ */ jsx(
+    UnifiedSkeleton,
+    {
+      className: cn(TEXTAREA_BOX_CLASS, "border-transparent", className),
+      style: { height: textareaBoxHeight(rows) }
+    }
+  );
+}
 export {
-  Textarea
+  TEXTAREA_BOX_CLASS,
+  Textarea,
+  TextareaSkeleton,
+  textareaBoxHeight
 };

package/dist/components/ui/ticket-info-section.d.ts

@@ -3,7 +3,6 @@ import { type TicketAssigneeOption } from './assignee-dropdown';
 import { type TicketAttachment } from './ticket-attachments-list';
 import type { TicketNote } from './ticket-note-card';
 import { type TicketStatusTagOption } from './ticket-status-tag';
-export type { TicketAssigneeOption };
 export interface TicketInfoSectionProps {
     /** Organization name and image */
     organization?: {

package/dist/components/ui/ticket-info-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ticket-info-section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ticket-info-section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ticket-info-section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ticket-info-section.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/timezone-select.d.ts

@@ -15,11 +15,13 @@ export interface TimezoneSelectProps {
     clearable?: boolean;
     placeholder?: string;
     className?: string;
+    /** The zone is still being resolved or read: the field draws its skeleton (`Autocomplete`'s `fieldLoading`). */
+    loading?: boolean;
 }
 /**
  * THE timezone picker: a searchable list of every IANA zone with its live GMT
  * offset. The meeting scheduler and every form that stores a zone use it, so a
  * zone is always chosen from the list and never typed.
  */
-export declare function TimezoneSelect({ value, onChange, disabled, clearable, placeholder, className, }: TimezoneSelectProps): import("react").JSX.Element;
+export declare function TimezoneSelect({ value, onChange, disabled, clearable, placeholder, className, loading, }: TimezoneSelectProps): import("react").JSX.Element;
 //# sourceMappingURL=timezone-select.d.ts.map