@close-by/clay 0.2.4 → 0.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@close-by/clay",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "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.4",
-    "@close-by/clay-core": "0.2.4",
-    "@close-by/clay-components": "0.2.4",
-    "@close-by/clay-server": "0.2.4",
+    "@close-by/clay-compiler": "0.2.5",
+    "@close-by/clay-core": "0.2.5",
+    "@close-by/clay-components": "0.2.5",
+    "@close-by/clay-server": "0.2.5",
     "@tailwindcss/cli": "^4.3.3",
     "tailwindcss": "^4.3.3"
   }

package/src/index.ts

@@ -9,6 +9,9 @@ import {
   radioGroup as radioGroupFactory,
   combobox as comboboxFactory,
   date as dateFactory,
+  dateRange as dateRangeFactory,
+  timeline as timelineFactory,
+  stepper as stepperFactory,
   tooltip as tooltipFactory,
   avatar as avatarFactory,
   skeleton as skeletonFactory,
@@ -34,6 +37,7 @@ import {
   radialChart as radialChartFactory,
   scatterChart as scatterChartFactory,
   composedChart as composedChartFactory,
+  sparkline as sparklineFactory,
   row as rowFactory,
   column as columnFactory,
   container as containerFactory,
@@ -101,6 +105,14 @@ import {
   type RadioGroupProps,
   type ComboboxProps,
   type DateProps,
+  type DateRangeProps,
+  type DateRangePreset,
+  type TimelineProps,
+  type TimelineItem,
+  type TimelineItemStatus,
+  type StepperProps,
+  type StepperStepOptions,
+  type StepperStepStatus,
   type TooltipProps,
   type AvatarProps,
   type SkeletonProps,
@@ -152,6 +164,11 @@ import {
   type ComposedSeriesType,
   type CartesianChartProps,
   type ChartSeries,
+  type ChartHeadline,
+  type ChartPeriod,
+  type ChartReferenceLine,
+  type ChartReferenceArea,
+  type SparklineProps,
   type CardProps,
   type DialogProps,
   type DialogStackProps,
@@ -318,6 +335,7 @@ import {
   TableBuilder,
   DialogElement,
   DialogStackElement,
+  StepperElement,
   AlertDialogElement,
   DropdownMenuElement,
   ContextMenuElement,
@@ -446,6 +464,14 @@ export type {
   DialogProps,
   DialogStackProps,
   DialogStackStepOptions,
+  StepperProps,
+  StepperStepOptions,
+  StepperStepStatus,
+  TimelineProps,
+  TimelineItem,
+  TimelineItemStatus,
+  DateRangeProps,
+  DateRangePreset,
   AlertDialogProps,
   DropdownMenuProps,
   DropdownItemOptions,
@@ -600,6 +626,7 @@ export {
   TableBuilder,
   DialogElement,
   DialogStackElement,
+  StepperElement,
   AlertDialogElement,
   DropdownMenuElement,
   SheetElement,
@@ -680,6 +707,29 @@ export function date(props?: DateProps): Element {
   return dateFactory(props);
 }
 
+/** Date range picker with presets. Prefer `ui.dateRange`. See {@link DateRangeProps}. */
+export function dateRange(props?: DateRangeProps): Element {
+  return dateRangeFactory(props);
+}
+
+/** Chronological events for feeds and deploy logs. See {@link TimelineProps}. */
+export function timeline(props: TimelineProps): Element {
+  return timelineFactory(props);
+}
+
+/** Inline multi-step flow with step panels. See {@link StepperProps}. */
+export function stepper(
+  fn: (s: StepperElement) => void,
+  props?: StepperProps,
+): StepperElement;
+export function stepper(
+  props: StepperProps,
+  fn: (s: StepperElement) => void,
+): StepperElement;
+export function stepper(a: any, b?: any): StepperElement {
+  return stepperFactory(a, b);
+}
+
 /** Tooltip around content (`fn` or props-first). Prefer `ui.tooltip`. See {@link TooltipProps}. */
 export function tooltip(fn: () => void, props: TooltipProps): Element;
 export function tooltip(props: TooltipProps, fn: () => void): Element;
@@ -970,6 +1020,11 @@ export function composedChart(props: ComposedChartProps): Element {
   return composedChartFactory(props);
 }
 
+/** KPI card with inline sparkline. Prefer `ui.sparkline`. See {@link SparklineProps}. */
+export function sparkline(props: SparklineProps): Element {
+  return sparklineFactory(props);
+}
+
 /** Horizontal flex row (`fn` or props-first). Prefer `ui.row`. */
 export function row(fn: () => void, props?: Parameters<typeof rowFactory>[1]): Element;
 export function row(props: Parameters<typeof rowFactory>[0], fn: () => void): Element;
@@ -1522,6 +1577,9 @@ export const ui = {
   radioGroup,
   combobox,
   date,
+  dateRange,
+  timeline,
+  stepper,
   tooltip,
   avatar,
   skeleton,
@@ -1568,6 +1626,7 @@ export const ui = {
   radialChart,
   scatterChart,
   composedChart,
+  sparkline,
   row,
   column,
   container,