@neo4j-ndl/react 4.18.5 → 4.18.7

package/lib/types/data-grid/style-rules/types.d.ts

@@ -19,10 +19,19 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { z } from 'zod';
-/** A literal that can appear as an operand in a style-rule where clause. */
+/**
+ * A literal value used in style-rule where clauses, converter return values,
+ * and cell data. Temporal wrappers resolve to numbers at evaluation time.
+ */
 export declare const DataGridStyleRuleLiteralSchema: z.ZodUnion<readonly [z.ZodString, z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
     bigint: z.ZodString;
-}, z.core.$strip>]>, z.ZodBoolean, z.ZodNull]>;
+}, z.core.$strip>]>, z.ZodBoolean, z.ZodNull, z.ZodObject<{
+    datetime: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    localdatetime: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    time: z.ZodString;
+}, z.core.$strip>]>;
 export type DataGridStyleRuleLiteral = z.infer<typeof DataGridStyleRuleLiteralSchema>;
 /** A JSON-safe bigint literal represented by a signed decimal string. */
 export declare const DataGridBigintLiteralSchema: z.ZodObject<{
@@ -34,6 +43,17 @@ export declare const DataGridNumericLiteralSchema: z.ZodUnion<readonly [z.ZodNum
     bigint: z.ZodString;
 }, z.core.$strip>]>;
 export type DataGridNumericLiteral = z.infer<typeof DataGridNumericLiteralSchema>;
+/** A numeric, datetime, localdatetime, or time literal used as a range boundary. */
+export declare const DataGridRangeLiteralSchema: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+    bigint: z.ZodString;
+}, z.core.$strip>]>, z.ZodObject<{
+    datetime: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    localdatetime: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    time: z.ZodString;
+}, z.core.$strip>]>;
+export type DataGridRangeLiteral = z.infer<typeof DataGridRangeLiteralSchema>;
 /** A reference to a column whose cell value is resolved at evaluation time. */
 export declare const DataGridColumnRefSchema: z.ZodObject<{
     column: z.ZodString;
@@ -82,19 +102,19 @@ export declare const DataGridTimeLiteralSchema: z.ZodObject<{
     time: z.ZodString;
 }, z.core.$strip>;
 export type DataGridTimeLiteral = z.infer<typeof DataGridTimeLiteralSchema>;
-/** An operand in a style-rule where clause -- either a literal value, a datetime literal, a localdatetime literal, a time literal, or a column reference. */
+/** An operand in a style-rule where clause -- either a literal value or a column reference. */
 export declare const DataGridStyleRuleOperandSchema: z.ZodUnion<readonly [z.ZodObject<{
     column: z.ZodString;
-}, z.core.$strip>, z.ZodObject<{
+}, z.core.$strip>, z.ZodUnion<readonly [z.ZodString, z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+    bigint: z.ZodString;
+}, z.core.$strip>]>, z.ZodBoolean, z.ZodNull, z.ZodObject<{
     datetime: z.ZodString;
 }, z.core.$strip>, z.ZodObject<{
     localdatetime: z.ZodString;
 }, z.core.$strip>, z.ZodObject<{
     time: z.ZodString;
-}, z.core.$strip>, z.ZodUnion<readonly [z.ZodString, z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
-    bigint: z.ZodString;
-}, z.core.$strip>]>, z.ZodBoolean, z.ZodNull]>]>;
-export type DataGridStyleRuleOperand = DataGridColumnRef | DataGridDatetimeLiteral | DataGridLocalDatetimeLiteral | DataGridTimeLiteral | DataGridStyleRuleLiteral;
+}, z.core.$strip>]>]>;
+export type DataGridStyleRuleOperand = z.infer<typeof DataGridStyleRuleOperandSchema>;
 /**
  * Recursive WHERE clause for conditional expressions.
  * Inspired by the graph visualization style rule system but adapted for tabular data.
@@ -129,23 +149,42 @@ export type DataGridStyleRuleWhere = {
 };
 export declare const DataGridStyleRuleWhereSchema: z.ZodType<DataGridStyleRuleWhere>;
 /**
- * Gradient coloring based on a continuous numeric column value.
+ * Gradient coloring based on a continuous orderable column value.
  * Colors should be hex strings (#rrggbb).
- * If the column value is missing or non-numeric, the colorRange is ignored.
+ * Temporal range boundaries resolve to numbers before interpolation.
+ * If the column value is missing or non-orderable, the colorRange is ignored.
  */
 export declare const DataGridColorRangeSchema: z.ZodObject<{
     isDisabled: z.ZodOptional<z.ZodBoolean>;
     maxColor: z.ZodString;
-    maxValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+    maxValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
         bigint: z.ZodString;
+    }, z.core.$strip>]>, z.ZodObject<{
+        datetime: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        localdatetime: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        time: z.ZodString;
     }, z.core.$strip>]>;
     midColor: z.ZodOptional<z.ZodString>;
-    midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+    midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
         bigint: z.ZodString;
+    }, z.core.$strip>]>, z.ZodObject<{
+        datetime: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        localdatetime: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        time: z.ZodString;
     }, z.core.$strip>]>>;
     minColor: z.ZodString;
-    minValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+    minValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
         bigint: z.ZodString;
+    }, z.core.$strip>]>, z.ZodObject<{
+        datetime: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        localdatetime: z.ZodString;
+    }, z.core.$strip>, z.ZodObject<{
+        time: z.ZodString;
     }, z.core.$strip>]>;
     onColumn: z.ZodString;
 }, z.core.$strip>;
@@ -165,16 +204,34 @@ export declare const DataGridCellStyleSchema: z.ZodObject<{
     colorRange: z.ZodOptional<z.ZodObject<{
         isDisabled: z.ZodOptional<z.ZodBoolean>;
         maxColor: z.ZodString;
-        maxValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+        maxValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
             bigint: z.ZodString;
+        }, z.core.$strip>]>, z.ZodObject<{
+            datetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            localdatetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            time: z.ZodString;
         }, z.core.$strip>]>;
         midColor: z.ZodOptional<z.ZodString>;
-        midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+        midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
             bigint: z.ZodString;
+        }, z.core.$strip>]>, z.ZodObject<{
+            datetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            localdatetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            time: z.ZodString;
         }, z.core.$strip>]>>;
         minColor: z.ZodString;
-        minValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+        minValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
             bigint: z.ZodString;
+        }, z.core.$strip>]>, z.ZodObject<{
+            datetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            localdatetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            time: z.ZodString;
         }, z.core.$strip>]>;
         onColumn: z.ZodString;
     }, z.core.$strip>>;
@@ -185,16 +242,34 @@ export declare const DataGridCellStyleSchema: z.ZodObject<{
     textColorRange: z.ZodOptional<z.ZodObject<{
         isDisabled: z.ZodOptional<z.ZodBoolean>;
         maxColor: z.ZodString;
-        maxValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+        maxValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
             bigint: z.ZodString;
+        }, z.core.$strip>]>, z.ZodObject<{
+            datetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            localdatetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            time: z.ZodString;
         }, z.core.$strip>]>;
         midColor: z.ZodOptional<z.ZodString>;
-        midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+        midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
             bigint: z.ZodString;
+        }, z.core.$strip>]>, z.ZodObject<{
+            datetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            localdatetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            time: z.ZodString;
         }, z.core.$strip>]>>;
         minColor: z.ZodString;
-        minValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+        minValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
             bigint: z.ZodString;
+        }, z.core.$strip>]>, z.ZodObject<{
+            datetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            localdatetime: z.ZodString;
+        }, z.core.$strip>, z.ZodObject<{
+            time: z.ZodString;
         }, z.core.$strip>]>;
         onColumn: z.ZodString;
     }, z.core.$strip>>;
@@ -206,9 +281,11 @@ export type DataGridCellStyle = z.infer<typeof DataGridCellStyleSchema>;
  * and color-range interpolation.
  *
  * The function receives the raw cell value (`unknown`) and must return a scalar
- * (`string | number | bigint | { bigint: string } | boolean | null`). Return
- * `null` or `undefined` to signal that the value is missing or cannot be
- * represented.
+ * (`string | number | bigint | { bigint: string } | boolean | null`) or a
+ * temporal wrapper (`{ datetime: string }`, `{ localdatetime: string }`,
+ * `{ time: string }`). The engine parses temporal wrappers to milliseconds.
+ * Return `null` or `undefined` to signal that the value is missing or cannot
+ * be represented.
  *
  * Note: converter functions are TypeScript-only — they cannot be serialized as
  * JSON, so no Zod schema is provided.
@@ -240,16 +317,34 @@ export declare const DataGridStyleRuleSchema: z.ZodObject<{
         colorRange: z.ZodOptional<z.ZodObject<{
             isDisabled: z.ZodOptional<z.ZodBoolean>;
             maxColor: z.ZodString;
-            maxValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+            maxValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
                 bigint: z.ZodString;
+            }, z.core.$strip>]>, z.ZodObject<{
+                datetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                localdatetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                time: z.ZodString;
             }, z.core.$strip>]>;
             midColor: z.ZodOptional<z.ZodString>;
-            midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+            midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
                 bigint: z.ZodString;
+            }, z.core.$strip>]>, z.ZodObject<{
+                datetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                localdatetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                time: z.ZodString;
             }, z.core.$strip>]>>;
             minColor: z.ZodString;
-            minValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+            minValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
                 bigint: z.ZodString;
+            }, z.core.$strip>]>, z.ZodObject<{
+                datetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                localdatetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                time: z.ZodString;
             }, z.core.$strip>]>;
             onColumn: z.ZodString;
         }, z.core.$strip>>;
@@ -260,16 +355,34 @@ export declare const DataGridStyleRuleSchema: z.ZodObject<{
         textColorRange: z.ZodOptional<z.ZodObject<{
             isDisabled: z.ZodOptional<z.ZodBoolean>;
             maxColor: z.ZodString;
-            maxValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+            maxValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
                 bigint: z.ZodString;
+            }, z.core.$strip>]>, z.ZodObject<{
+                datetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                localdatetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                time: z.ZodString;
             }, z.core.$strip>]>;
             midColor: z.ZodOptional<z.ZodString>;
-            midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+            midValue: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
                 bigint: z.ZodString;
+            }, z.core.$strip>]>, z.ZodObject<{
+                datetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                localdatetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                time: z.ZodString;
             }, z.core.$strip>]>>;
             minColor: z.ZodString;
-            minValue: z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
+            minValue: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodBigInt, z.ZodObject<{
                 bigint: z.ZodString;
+            }, z.core.$strip>]>, z.ZodObject<{
+                datetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                localdatetime: z.ZodString;
+            }, z.core.$strip>, z.ZodObject<{
+                time: z.ZodString;
             }, z.core.$strip>]>;
             onColumn: z.ZodString;
         }, z.core.$strip>>;

package/lib/types/data-grid/style-rules/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/data-grid/style-rules/types.ts"],"names":[],"mappings":"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"}

package/lib/types/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/menu/Menu.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EAEd,aAAa,EACb,cAAc,EACd,SAAS,EAET,cAAc,EACf,MAAM,cAAc,CAAC;AAuCtB,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,2NAoBzD,sBAAsB,CAAC,CAAC,EAAE,SAAS,CAAC,4CAiQtC,CAAC;AAsVF;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,WAnoBkB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;mBAydhD,CAAC,SAAS,KAAK,CAAC,WAAW,oFAQ9C,sBAAsB,CAAC,CAAC,EAAE,iBAAiB,CAAC;;;;+EAkI5C,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC;WAjQnB,CAAC,SAAS,KAAK,CAAC,WAAW,gKAe1C,sBAAsB,CAAC,CAAC,EAAE,aAAa,CAAC;IAuRzC;;OAEG;YAtEc,CAAC,SAAS,KAAK,CAAC,WAAW,iFAQ3C,sBAAsB,CAAC,CAAC,EAAE,cAAc,CAAC;gBA/EzB,CAAC,SAAS,KAAK,CAAC,WAAW,2KAgB3C,sBAAsB,CAAC,CAAC,EAAE,cAAc,CAAC;CAgI1C,CAAC;AACH,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/menu/Menu.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAQ1B,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EAEd,aAAa,EACb,cAAc,EACd,SAAS,EAET,cAAc,EACf,MAAM,cAAc,CAAC;AAoDtB,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,2NAoBzD,sBAAsB,CAAC,CAAC,EAAE,SAAS,CAAC,4CAoRtC,CAAC;AAsVF;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,WAtpBkB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC;mBA4ehD,CAAC,SAAS,KAAK,CAAC,WAAW,oFAQ9C,sBAAsB,CAAC,CAAC,EAAE,iBAAiB,CAAC;;;;+EAkI5C,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC;WAjQnB,CAAC,SAAS,KAAK,CAAC,WAAW,gKAe1C,sBAAsB,CAAC,CAAC,EAAE,aAAa,CAAC;IAuRzC;;OAEG;YAtEc,CAAC,SAAS,KAAK,CAAC,WAAW,iFAQ3C,sBAAsB,CAAC,CAAC,EAAE,cAAc,CAAC;gBA/EzB,CAAC,SAAS,KAAK,CAAC,WAAW,2KAgB3C,sBAAsB,CAAC,CAAC,EAAE,cAAc,CAAC;CAgI1C,CAAC;AACH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/lib/types/menu/stories/menu-in-dialog.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-in-dialog.story.d.ts","sourceRoot":"","sources":["../../../../src/menu/stories/menu-in-dialog.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAMjD,QAAA,MAAM,SAAS,+CAkEd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu-in-dialog.story.d.ts","sourceRoot":"","sources":["../../../../src/menu/stories/menu-in-dialog.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAMjD,QAAA,MAAM,SAAS,+CAmEd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.18.5",
+  "version": "4.18.7",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -404,8 +404,8 @@
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
-    "@floating-ui/react": "0.27.19",
-    "@floating-ui/react-dom": "2.1.8",
+    "@floating-ui/react": "0.27.20",
+    "@floating-ui/react-dom": "2.1.9",
     "@heroicons/react": "2.2.0",
     "@neo4j-devtools/word-color": "0.0.8",
     "@uiw/react-color": "2.8.1",

package/skills/ndl-react/SKILL.md

@@ -68,10 +68,10 @@ Import from `@neo4j-ndl/react`.
 | `ClipboardButton` | [components/clipboard-button.md](components/clipboard-button.md) |  | 7 |
 | `Code` | [components/code.md](components/code.md) | ✅ | 2 |
 | `CodeBlock` | [components/code-block.md](components/code-block.md) |  | 8 |
-| `ColorPicker` | [components/color-picker.md](components/color-picker.md) |  | 3 |
+| `ColorPicker` | [components/color-picker.md](components/color-picker.md) |  | 5 |
 | `ConditionalWrap` | [components/conditional-wrap.md](components/conditional-wrap.md) |  | 1 |
 | `DataGrid` | [components/data-grid.md](components/data-grid.md) |  | 20 |
-| `DatePicker` | [components/date-picker.md](components/date-picker.md) | ✅ | 14 |
+| `DatePicker` | [components/date-picker.md](components/date-picker.md) | ✅ | 15 |
 | `Dialog` | [components/dialog.md](components/dialog.md) | ✅ | 7 |
 | `DismissibleTag` | [components/dismissible-tag.md](components/dismissible-tag.md) |  | 4 |
 | `Divider` | [components/divider.md](components/divider.md) |  | 3 |
@@ -112,8 +112,8 @@ Import from `@neo4j-ndl/react`.
 | `TextButton` | [components/text-button.md](components/text-button.md) |  | 0 |
 | `TextInput` | [components/text-input.md](components/text-input.md) | ✅ | 16 |
 | `TextLink` | [components/text-link.md](components/text-link.md) | ✅ | 5 |
-| `TimePicker` | [components/time-picker.md](components/time-picker.md) |  | 4 |
-| `TimeZonePicker` | [components/timezone-picker.md](components/timezone-picker.md) |  | 9 |
+| `TimePicker` | [components/time-picker.md](components/time-picker.md) |  | 5 |
+| `TimeZonePicker` | [components/timezone-picker.md](components/timezone-picker.md) |  | 10 |
 | `Tooltip` | [components/tooltip.md](components/tooltip.md) | ✅ | 13 |
 | `TreeView` | [components/tree-view.md](components/tree-view.md) |  | 3 |
 | `Typography` | [components/typography.md](components/typography.md) |  | 3 |

package/skills/ndl-react/components/ai/response.md

@@ -550,7 +550,7 @@ export const Component = () => {
       role: 'user' | 'assistant';
       content: string;
       thinkingTime?: number;
-      done?: boolean;
+      isDone?: boolean;
     }[]
   >([]);
   const [prompt, setPrompt] = useState('');
@@ -584,7 +584,7 @@ export const Component = () => {
       const newMessages = [...prev];
       const lastMessage = newMessages[newMessages.length - 1];
       if (lastMessage?.role === 'assistant') {
-        lastMessage.done = true;
+        lastMessage.isDone = true;
       }
       return newMessages;
     });
@@ -615,7 +615,7 @@ export const Component = () => {
       let currentText = '';
       setMessages((prev) => [
         ...prev,
-        { content: '', done: false, role: 'assistant', thinkingTime },
+        { content: '', isDone: false, role: 'assistant', thinkingTime },
       ]);
 
       // Simulate streaming
@@ -647,7 +647,7 @@ export const Component = () => {
             const newMessages = [...prev];
             const lastMessage = newMessages[newMessages.length - 1];
             if (lastMessage.role === 'assistant') {
-              lastMessage.done = true;
+              lastMessage.isDone = true;
             }
             return newMessages;
           });
@@ -748,7 +748,7 @@ export const Component = () => {
                       <div className="n-flex n-flex-col n-gap-2">
                         <Response>{msg.content}</Response>
 
-                        {msg.done === true && (
+                        {msg.isDone === true && (
                           <div className="n-flex n-flex-row n-gap-1.5">
                             <CleanIconButton size="small" description="Dislike">
                               <HandThumbDownIconOutline />

package/skills/ndl-react/components/color-picker.md

@@ -9,7 +9,9 @@ Import: `import { ColorPicker } from '@neo4j-ndl/react'`
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
 | `color` | `` HsvaColor \| RgbaColor \| `#${string}` `` | ✅ |  | The current color value. Can be provided in HSVA, RGBA, or Hex format. The component will automatically convert between formats as needed. |
+| `floatingStrategy` | `'absolute' \| 'fixed'` |  | `absolute` | The floating strategy to use for the menu. If not provided, the menu will be positioned absolutely. |
 | `onChange` | `` (newColor: { hex: `#${string}`; rgb: RgbaColor; hsva: HsvaColor; }) => void `` | ✅ |  | Callback function triggered when the color value changes. Receives an object containing the new color in all three formats (hex, rgb, hsva) for convenience. |
+| `portalTarget` | `HTMLElement \| null` |  |  | The target element to portal the menu to. If not provided, the menu will not be portaled. |
 | `shouldShowEyeDropper` | `boolean` |  | `true` | Whether to display the eye dropper tool that allows users to sample colors from anywhere on the screen. |
 | `swatches` | `` (HsvaColor \| RgbaColor \| `#${string}`)[] `` |  | `Object.values(tokens.graph).filter(validHex)` | Optional array of predefined color swatches for quick selection. Each swatch can be in HSVA, RGBA, or Hex format. |
 
@@ -103,6 +105,82 @@ const Component = () => {
 export default Component;
 ```
 
+### Dialog
+
+```tsx
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+
+import { ColorPicker, Dialog, FilledButton } from '@neo4j-ndl/react';
+import { useState } from 'react';
+
+const Component = () => {
+  const [isOpen, setIsOpen] = useState<boolean>(false);
+  const handleClick = () => setIsOpen((prev) => !prev);
+  const handleClose = () => setIsOpen(false);
+
+  const [color, setColor] = useState({
+    a: 1,
+    b: 0,
+    g: 0,
+    r: 0,
+  });
+
+  return (
+    <div className="n-flex n-items-center n-justify-centern-w-full">
+      <FilledButton
+        onClick={handleClick}
+        htmlAttributes={{ 'aria-haspopup': 'dialog' }}
+      >
+        Open Dialog
+      </FilledButton>
+      <Dialog onClose={handleClose} isOpen={isOpen}>
+        <Dialog.Header>Header</Dialog.Header>
+        <Dialog.Content className="n-max-h-96 n-overflow-y-auto">
+          <ColorPicker
+            color={color}
+            onChange={(newColor) => setColor(newColor.rgb)}
+            floatingStrategy="fixed"
+          />
+        </Dialog.Content>
+      </Dialog>
+    </div>
+  );
+};
+
+export default Component;
+```
+
+### Popover
+
+```tsx
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+
+import { ColorPicker, FilledButton, Popover } from '@neo4j-ndl/react';
+
+const Component = () => {
+  return (
+    <Popover>
+      <Popover.Trigger hasButtonWrapper>
+        <FilledButton>Open Popover</FilledButton>
+      </Popover.Trigger>
+      <Popover.Content className="n-overflow-y-auto n-overflow-x-hidden n-p-4 n-max-h-64">
+        Popover content
+        <ColorPicker
+          color="#ff0000"
+          onChange={() => {
+            console.info('color changed');
+          }}
+          floatingStrategy="fixed"
+          portalTarget={document.body}
+        />
+      </Popover.Content>
+    </Popover>
+  );
+};
+
+export default Component;
+```
+
 ### Without Eyedropper
 
 ```tsx

package/skills/ndl-react/components/data-grid.md

@@ -18,7 +18,7 @@ Import: `import { DataGrid } from '@neo4j-ndl/react'`
 | `ref` | `Ref<HTMLDivElement>` |  |  | A ref to apply to the root element. |
 | `rootProps` | `HtmlAttributes<"div">` |  |  | @deprecated Use htmlAttributes, className and style on the root element instead |
 | `skeletonProps` | `(SkeletonProps & { as?: ElementType<any, keyof IntrinsicElements>; } & BaseProps<ElementType<any, keyof IntrinsicElements>>)` |  |  |  |
-| `styleRules` | `{ apply: { color?: { value: string; isDisabled?: boolean; }; colorRange?: { maxColor: string; maxValue: number \| bigint \| { bigint: string; }; minColor: string; minValue: number \| ... 1 more ... \| { ...; }; onColumn: string; isDisabled?: boolean \| undefined; midColor?: string \| undefined; mid...` |  |  | Rule-based conditional styling for cells and rows. |
+| `styleRules` | `{ apply: { color?: { value: string; isDisabled?: boolean; }; colorRange?: { maxColor: string; maxValue: number \| bigint \| { bigint: string; } \| { datetime: string; } \| { ...; } \| { ...; }; ... 5 more ...; midValue?: number \| ... 5 more ... \| undefined; } \| undefined; textColor?: { ...; } \| un...` |  |  | Rule-based conditional styling for cells and rows. |
 | `styleRuleValueConverters` | `DataGridStyleRuleValueConverters` |  |  | Per-column converters that teach the style-rule engine how to interpret complex cell values. |
 | `styling` | `Partial<{ hasZebraStriping: boolean; borderStyle: "all-sides" \| "horizontal" \| "vertical" \| "none"; headerStyle: "filled" \| "clean"; hasHoverEffects: boolean; isCompact: boolean; }>` |  | `{}` |  |
 | `tableInstance` | `Table<T>` | ✅ |  | Table instance created from `useTable` |
@@ -1959,16 +1959,13 @@ const data: EventRow[] = [
     // 13:15 Paris CEST (+02:00) = 11:15 UTC
     scheduledDate: new Date('2026-07-08T13:15:00+02:00'),
     scheduledTimeMs: 11 * 3_600_000 + 15 * 60_000,
-    status: 'cancelled',
+    status: 'confirmed',
   },
-  // ── Far future (after 2026-07-15T00:00 Stockholm / CEST = 2026-07-14T22:00Z)
   {
     event: 'Architecture summit',
     localTimeDisplay: '08:00 CEST (+02:00)',
-    // 08:00 Amsterdam CEST (+02:00) = 06:00 UTC.
-    // Although the calendar date is "July 15", 08:00 CEST is still within the
-    // same UTC day as July 14 22:00Z, so it crosses the far-future boundary.
-    scheduledDate: new Date('2026-07-15T08:00:00+02:00'),
+    // 08:00 Amsterdam CEST (+02:00) = 06:00 UTC
+    scheduledDate: new Date('2026-07-11T08:00:00+02:00'),
     scheduledTimeMs: 6 * 3_600_000,
     status: 'confirmed',
   },
@@ -1976,17 +1973,18 @@ const data: EventRow[] = [
     event: 'Annual conference',
     localTimeDisplay: '09:00 PDT (-07:00)',
     // 09:00 San Francisco PDT (-07:00) = 16:00 UTC — after Stockholm closes
-    scheduledDate: new Date('2026-08-03T09:00:00-07:00'),
+    scheduledDate: new Date('2026-07-13T09:00:00-07:00'),
     scheduledTimeMs: 16 * 3_600_000,
     status: 'confirmed',
   },
+  // ── Far future (after 2026-07-15T00:00 Stockholm / CEST = 2026-07-14T22:00Z)
   {
     event: 'Year-end planning',
     localTimeDisplay: '09:00 JST (+09:00)',
     // 09:00 Tokyo JST (+09:00) = 00:00 UTC — midnight, well before Stockholm opens
     scheduledDate: new Date('2026-11-20T09:00:00+09:00'),
     scheduledTimeMs: 0,
-    status: 'confirmed',
+    status: 'cancelled',
   },
 ];
 
@@ -2008,6 +2006,26 @@ const data: EventRow[] = [
  *   { time: '17:00:00+02:00' } resolves to 15:00 UTC (54 000 000 ms)
  */
 const styleRules: DataGridStyleRule[] = [
+  // Near-future date cells use temporal literals directly as gradient
+  // boundaries. Several rows are spread across this interval so the progression
+  // from amber to blue is easy to see.
+  {
+    apply: {
+      colorRange: {
+        maxColor: '#dbeafe',
+        maxValue: {
+          datetime: '2026-07-15T00:00:00[Europe/Stockholm]',
+        },
+        minColor: '#fef3c7',
+        minValue: {
+          datetime: '2026-06-26T00:00:00[Europe/Stockholm]',
+        },
+        onColumn: 'scheduledDate',
+      },
+    },
+    column: 'scheduledDate',
+    priority: 0,
+  },
   // Past events — entire row in muted red
   {
     apply: {