@texturehq/edges 1.15.6 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -199,15 +199,23 @@ interface TooltipData {
199
199
  x: number;
200
200
  y: number;
201
201
  position: "left" | "right";
202
+ /** Whether this tooltip is for an event marker (vs data point) */
203
+ isEvent?: boolean;
204
+ /** Optional event metadata to display */
205
+ eventMetadata?: Record<string, string | number>;
202
206
  }
203
207
  interface TooltipSeries {
204
208
  label: string;
205
209
  value: number;
206
210
  color: string;
207
- type?: "area" | "line" | "bar";
211
+ type?: "area" | "line" | "bar" | "event";
208
212
  category?: string;
209
213
  categoryColor?: string;
210
214
  }
215
+ interface SeriesMetadata {
216
+ label: string;
217
+ color: string;
218
+ }
211
219
  interface ChartContextType {
212
220
  xScale: ScaleTime<number, number>;
213
221
  yScale: ScaleLinear<number, number>;
@@ -223,6 +231,16 @@ interface ChartContextType {
223
231
  show: (data: TooltipData) => void;
224
232
  hide: () => void;
225
233
  };
234
+ /** Series datasets for accessing underlying data */
235
+ datasets?: BaseDataPoint[][];
236
+ /** Series metadata for labels and colors */
237
+ seriesMetadata?: SeriesMetadata[];
238
+ /** Series types for proper tooltip rendering */
239
+ seriesTypes?: ("area" | "line" | "bar")[];
240
+ /** Category colors for bar charts */
241
+ categoryColors?: Record<string, string>;
242
+ /** Category labels for translating category values */
243
+ categoryLabels?: Record<string, string>;
226
244
  }
227
245
  declare const ChartContext: React$1.Context<ChartContextType | null>;
228
246
 
@@ -199,15 +199,23 @@ interface TooltipData {
199
199
  x: number;
200
200
  y: number;
201
201
  position: "left" | "right";
202
+ /** Whether this tooltip is for an event marker (vs data point) */
203
+ isEvent?: boolean;
204
+ /** Optional event metadata to display */
205
+ eventMetadata?: Record<string, string | number>;
202
206
  }
203
207
  interface TooltipSeries {
204
208
  label: string;
205
209
  value: number;
206
210
  color: string;
207
- type?: "area" | "line" | "bar";
211
+ type?: "area" | "line" | "bar" | "event";
208
212
  category?: string;
209
213
  categoryColor?: string;
210
214
  }
215
+ interface SeriesMetadata {
216
+ label: string;
217
+ color: string;
218
+ }
211
219
  interface ChartContextType {
212
220
  xScale: ScaleTime<number, number>;
213
221
  yScale: ScaleLinear<number, number>;
@@ -223,6 +231,16 @@ interface ChartContextType {
223
231
  show: (data: TooltipData) => void;
224
232
  hide: () => void;
225
233
  };
234
+ /** Series datasets for accessing underlying data */
235
+ datasets?: BaseDataPoint[][];
236
+ /** Series metadata for labels and colors */
237
+ seriesMetadata?: SeriesMetadata[];
238
+ /** Series types for proper tooltip rendering */
239
+ seriesTypes?: ("area" | "line" | "bar")[];
240
+ /** Category colors for bar charts */
241
+ categoryColors?: Record<string, string>;
242
+ /** Category labels for translating category values */
243
+ categoryLabels?: Record<string, string>;
226
244
  }
227
245
  declare const ChartContext: React$1.Context<ChartContextType | null>;
228
246
 
package/dist/server.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- export { A as ActionItem, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, k as BadgeProps, j as BaseDataPoint, aq as ChartMargin, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, Q as DateFieldProps, U as FileUploadProps, X as Heading, a0 as InteractiveMapProps, Z as Loader, _ as Logo, a3 as MapPoint, aa as MeterProps, ac as RichTextEditorProps, af as SegmentOption, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a5 as StaticMapProps, ak as TextLink, l as TooltipData, an as TooltipSeries, am as TopNav, al as TopNavProps, av as YFormatSettings, Y as YFormatType, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aD as isLightColor } from './server-DfqlfwZg.cjs';
1
+ export { A as ActionItem, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, k as BadgeProps, j as BaseDataPoint, aq as ChartMargin, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, Q as DateFieldProps, U as FileUploadProps, X as Heading, a0 as InteractiveMapProps, Z as Loader, _ as Logo, a3 as MapPoint, aa as MeterProps, ac as RichTextEditorProps, af as SegmentOption, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a5 as StaticMapProps, ak as TextLink, l as TooltipData, an as TooltipSeries, am as TopNav, al as TopNavProps, av as YFormatSettings, Y as YFormatType, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aD as isLightColor } from './server-BjHgNcRT.cjs';
2
2
  export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
package/dist/server.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { A as ActionItem, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, k as BadgeProps, j as BaseDataPoint, aq as ChartMargin, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, Q as DateFieldProps, U as FileUploadProps, X as Heading, a0 as InteractiveMapProps, Z as Loader, _ as Logo, a3 as MapPoint, aa as MeterProps, ac as RichTextEditorProps, af as SegmentOption, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a5 as StaticMapProps, ak as TextLink, l as TooltipData, an as TooltipSeries, am as TopNav, al as TopNavProps, av as YFormatSettings, Y as YFormatType, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aD as isLightColor } from './server-DfqlfwZg.js';
1
+ export { A as ActionItem, u as ActionMenuProps, x as AppShell, w as AppShellProps, z as Avatar, y as AvatarProps, k as BadgeProps, j as BaseDataPoint, aq as ChartMargin, J as CodeEditorProps, K as CodeLanguage, M as CodeTheme, Q as DateFieldProps, U as FileUploadProps, X as Heading, a0 as InteractiveMapProps, Z as Loader, _ as Logo, a3 as MapPoint, aa as MeterProps, ac as RichTextEditorProps, af as SegmentOption, ae as SegmentedControlProps, aj as SideNav, ah as SideNavItem, ai as SideNavProps, a5 as StaticMapProps, ak as TextLink, l as TooltipData, an as TooltipSeries, am as TopNav, al as TopNavProps, av as YFormatSettings, Y as YFormatType, aw as clearColorCache, ax as createCategoryColorMap, ar as createXScale, as as createYScale, at as defaultMargin, ay as getContrastingTextColor, az as getDefaultChartColor, aA as getDefaultColors, aB as getResolvedColor, aC as getThemeCategoricalColors, au as getYFormatSettings, aD as isLightColor } from './server-BjHgNcRT.js';
2
2
  export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
package/dist/styles.css CHANGED
@@ -1548,6 +1548,9 @@
1548
1548
  .ml-2 {
1549
1549
  margin-left: var(--spacing-2);
1550
1550
  }
1551
+ .ml-4 {
1552
+ margin-left: var(--spacing-4);
1553
+ }
1551
1554
  .ml-6 {
1552
1555
  margin-left: var(--spacing-6);
1553
1556
  }
@@ -2056,6 +2059,9 @@
2056
2059
  --tw-border-spacing-y: var(--spacing-3);
2057
2060
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
2058
2061
  }
2062
+ .\[border-spacing\:0\] {
2063
+ border-spacing: 0;
2064
+ }
2059
2065
  .origin-bottom {
2060
2066
  transform-origin: bottom;
2061
2067
  }
@@ -2577,6 +2583,10 @@
2577
2583
  border-top-right-radius: calc(var(--control-border-radius) - 2px);
2578
2584
  border-bottom-right-radius: calc(var(--control-border-radius) - 2px);
2579
2585
  }
2586
+ .rounded-r-none {
2587
+ border-top-right-radius: var(--radius-none);
2588
+ border-bottom-right-radius: var(--radius-none);
2589
+ }
2580
2590
  .rounded-r-sm {
2581
2591
  border-top-right-radius: var(--radius-sm);
2582
2592
  border-bottom-right-radius: var(--radius-sm);
@@ -2814,9 +2824,6 @@
2814
2824
  .border-l-transparent {
2815
2825
  border-left-color: transparent;
2816
2826
  }
2817
- .\!bg-neutral-black {
2818
- background-color: var(--color-neutral-black) !important;
2819
- }
2820
2827
  .bg-\[\#444ae1\] {
2821
2828
  background-color: #444ae1;
2822
2829
  }
@@ -3081,6 +3088,9 @@
3081
3088
  .bg-yellow-500 {
3082
3089
  background-color: var(--color-yellow-500);
3083
3090
  }
3091
+ .bg-zinc-900 {
3092
+ background-color: var(--color-zinc-900);
3093
+ }
3084
3094
  .bg-gradient-to-br {
3085
3095
  --tw-gradient-position: to bottom right in oklab;
3086
3096
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -3389,6 +3399,9 @@
3389
3399
  .pr-1 {
3390
3400
  padding-right: var(--spacing-1);
3391
3401
  }
3402
+ .pr-2 {
3403
+ padding-right: var(--spacing-2);
3404
+ }
3392
3405
  .pr-3 {
3393
3406
  padding-right: var(--spacing-3);
3394
3407
  }
@@ -3425,6 +3438,9 @@
3425
3438
  .pl-0 {
3426
3439
  padding-left: var(--spacing-0);
3427
3440
  }
3441
+ .pl-2 {
3442
+ padding-left: var(--spacing-2);
3443
+ }
3428
3444
  .pl-3 {
3429
3445
  padding-left: var(--spacing-3);
3430
3446
  }
@@ -4187,17 +4203,17 @@
4187
4203
  }
4188
4204
  }
4189
4205
  }
4190
- .group-hover\:bg-gray-200 {
4206
+ .group-hover\:bg-background-muted {
4191
4207
  &:is(:where(.group):hover *) {
4192
4208
  @media (hover: hover) {
4193
- background-color: var(--color-gray-200);
4209
+ background-color: var(--color-background-muted);
4194
4210
  }
4195
4211
  }
4196
4212
  }
4197
- .group-hover\:bg-gray-300 {
4213
+ .group-hover\:bg-gray-200 {
4198
4214
  &:is(:where(.group):hover *) {
4199
4215
  @media (hover: hover) {
4200
- background-color: var(--color-gray-300);
4216
+ background-color: var(--color-gray-200);
4201
4217
  }
4202
4218
  }
4203
4219
  }
@@ -5282,6 +5298,11 @@
5282
5298
  width: 456px;
5283
5299
  }
5284
5300
  }
5301
+ .md\:w-auto {
5302
+ @media (width >= 48rem) {
5303
+ width: auto;
5304
+ }
5305
+ }
5285
5306
  .md\:translate-x-0 {
5286
5307
  @media (width >= 48rem) {
5287
5308
  --tw-translate-x: var(--spacing-0);
@@ -5948,6 +5969,11 @@
5948
5969
  background-color: var(--color-slate-600);
5949
5970
  }
5950
5971
  }
5972
+ .dark\:bg-zinc-100 {
5973
+ @media (prefers-color-scheme: dark) {
5974
+ background-color: var(--color-zinc-100);
5975
+ }
5976
+ }
5951
5977
  .dark\:bg-zinc-400 {
5952
5978
  @media (prefers-color-scheme: dark) {
5953
5979
  background-color: var(--color-zinc-400);
@@ -6039,6 +6065,11 @@
6039
6065
  color: var(--color-zinc-600);
6040
6066
  }
6041
6067
  }
6068
+ .dark\:text-zinc-900 {
6069
+ @media (prefers-color-scheme: dark) {
6070
+ color: var(--color-zinc-900);
6071
+ }
6072
+ }
6042
6073
  .dark\:shadow-none {
6043
6074
  @media (prefers-color-scheme: dark) {
6044
6075
  --tw-shadow: 0 0 #0000;
@@ -6058,6 +6089,15 @@
6058
6089
  --tw-ring-color: var(--color-gray-700);
6059
6090
  }
6060
6091
  }
6092
+ .dark\:group-hover\:bg-zinc-600 {
6093
+ @media (prefers-color-scheme: dark) {
6094
+ &:is(:where(.group):hover *) {
6095
+ @media (hover: hover) {
6096
+ background-color: var(--color-zinc-600);
6097
+ }
6098
+ }
6099
+ }
6100
+ }
6061
6101
  .group-disabled\:dark\:text-zinc-600 {
6062
6102
  &:is(:where(.group):disabled *) {
6063
6103
  @media (prefers-color-scheme: dark) {
@@ -6314,6 +6354,10 @@
6314
6354
  }
6315
6355
  }
6316
6356
  }
6357
+ .\[\&\]\:border-0 {
6358
+ border-style: var(--tw-border-style);
6359
+ border-width: 0px;
6360
+ }
6317
6361
  .\[\&_\.ProseMirror\]\:min-h-\[inherit\] {
6318
6362
  & .ProseMirror {
6319
6363
  min-height: inherit;
@@ -6521,9 +6565,15 @@
6521
6565
  text-align: right;
6522
6566
  }
6523
6567
  }
6524
- .\[\&_td\]\:px-0 {
6568
+ .\[\&_td\]\:\!border-0 {
6569
+ & td {
6570
+ border-style: var(--tw-border-style) !important;
6571
+ border-width: 0px !important;
6572
+ }
6573
+ }
6574
+ .\[\&_td\]\:p-0 {
6525
6575
  & td {
6526
- padding-inline: var(--spacing-0);
6576
+ padding: var(--spacing-0);
6527
6577
  }
6528
6578
  }
6529
6579
  .\[\&\+\*\]\:mt-1 {
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.15.6",
3
- "generatedAt": "2025-11-01T16:06:42.745Z",
2
+ "version": "1.16.0",
3
+ "generatedAt": "2025-11-02T03:03:46.455Z",
4
4
  "categories": {
5
5
  "hooks": {
6
6
  "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@texturehq/edges",
3
- "version": "1.15.6",
3
+ "version": "1.16.0",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",
@@ -85,6 +85,7 @@
85
85
  "@visx/zoom": "^3.12.0",
86
86
  "ace-builds": "^1.43.3",
87
87
  "d3-array": "^3.2.4",
88
+ "date-fns": "^4.1.0",
88
89
  "file-saver": "^2.0.5",
89
90
  "filestack-react": "^6.0.0",
90
91
  "framer-motion": "^12.23.18",