@close-by/clay 0.2.6 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@close-by/clay",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "NiceGUI-like ui.* facade for Clay apps",
   "license": "MIT",
   "type": "module",
@@ -27,10 +27,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@close-by/clay-compiler": "0.2.6",
-    "@close-by/clay-core": "0.2.6",
-    "@close-by/clay-components": "0.2.6",
-    "@close-by/clay-server": "0.2.6",
+    "@close-by/clay-compiler": "0.2.7",
+    "@close-by/clay-core": "0.2.7",
+    "@close-by/clay-components": "0.2.7",
+    "@close-by/clay-server": "0.2.7",
     "@tailwindcss/cli": "^4.3.3",
     "tailwindcss": "^4.3.3"
   }

package/src/index.ts

@@ -27,6 +27,8 @@ import {
   icon as iconFactory,
   iconText as iconTextFactory,
   statusDot as statusDotFactory,
+  feedRow as feedRowFactory,
+  feedList as feedListFactory,
   stat as statFactory,
   dataTable as dataTableFactory,
   areaChart as areaChartFactory,
@@ -129,6 +131,12 @@ import {
   type IconSlotProps,
   type StatusDotProps,
   type StatusDotColor,
+  type FeedRowProps,
+  type FeedRowStatus,
+  type FeedListProps,
+  type FeedRowProps,
+  type FeedRowStatus,
+  type FeedListProps,
   type StatItem,
   type DataTableProps,
   type DataTableAction,
@@ -841,6 +849,24 @@ export function statusDot(props?: StatusDotProps): Element {
   return statusDotFactory(props);
 }
 
+/** Bordered container for live feed rows. See {@link FeedListProps}. */
+export function feedList(props: FeedListProps, fn: () => void): Element;
+export function feedList(fn: () => void): Element;
+export function feedList(
+  propsOrFn: FeedListProps | (() => void),
+  fn?: () => void,
+): Element {
+  if (typeof propsOrFn === 'function') {
+    return feedListFactory(propsOrFn);
+  }
+  return feedListFactory(propsOrFn, fn!);
+}
+
+/** One live-feed row (status, link title, meta/issue, trailing time). See {@link FeedRowProps}. */
+export function feedRow(props: FeedRowProps, footer?: () => void): Element {
+  return feedRowFactory(props, footer);
+}
+
 /** Render markdown to HTML. Prefer `ui.markdown`. See {@link MarkdownProps}. */
 export function markdown(text?: string, props?: MarkdownProps): Element {
   return markdownFactory(text, props);
@@ -1594,6 +1620,10 @@ export const ui = {
   progress,
   separator,
   icon,
+  iconText,
+  statusDot,
+  feedRow,
+  feedList,
   markdown,
   html,
   image,