@texturehq/edges 1.15.3 → 1.15.5

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.
@@ -358,6 +358,14 @@ interface ActionMenuProps {
358
358
  * Global action handler (called if item doesn't have its own onAction)
359
359
  */
360
360
  onAction?: (item: ActionItem) => void;
361
+ /**
362
+ * Optional header content rendered above the menu items
363
+ */
364
+ header?: ReactNode;
365
+ /**
366
+ * Optional footer content rendered below the menu items
367
+ */
368
+ footer?: ReactNode;
361
369
  }
362
370
  /**
363
371
  * ActionMenu
@@ -365,7 +373,7 @@ interface ActionMenuProps {
365
373
  * A dropdown menu for actions, typically triggered by a button.
366
374
  * Supports icons, destructive actions, and flexible alignment.
367
375
  */
368
- declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
376
+ declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, header, footer, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
369
377
 
370
378
  type SideNavItem = {
371
379
  id: string;
@@ -1646,7 +1654,7 @@ interface SegmentedControlProps {
1646
1654
  * Visual variant of the control
1647
1655
  * @default "default"
1648
1656
  */
1649
- variant?: "default" | "brand";
1657
+ variant?: "default" | "brand" | "secondary";
1650
1658
  }
1651
1659
  /**
1652
1660
  * SegmentedControl
@@ -358,6 +358,14 @@ interface ActionMenuProps {
358
358
  * Global action handler (called if item doesn't have its own onAction)
359
359
  */
360
360
  onAction?: (item: ActionItem) => void;
361
+ /**
362
+ * Optional header content rendered above the menu items
363
+ */
364
+ header?: ReactNode;
365
+ /**
366
+ * Optional footer content rendered below the menu items
367
+ */
368
+ footer?: ReactNode;
361
369
  }
362
370
  /**
363
371
  * ActionMenu
@@ -365,7 +373,7 @@ interface ActionMenuProps {
365
373
  * A dropdown menu for actions, typically triggered by a button.
366
374
  * Supports icons, destructive actions, and flexible alignment.
367
375
  */
368
- declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
376
+ declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, header, footer, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
369
377
 
370
378
  type SideNavItem = {
371
379
  id: string;
@@ -1646,7 +1654,7 @@ interface SegmentedControlProps {
1646
1654
  * Visual variant of the control
1647
1655
  * @default "default"
1648
1656
  */
1649
- variant?: "default" | "brand";
1657
+ variant?: "default" | "brand" | "secondary";
1650
1658
  }
1651
1659
  /**
1652
1660
  * SegmentedControl
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-2XGnhJXF.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-DfqlfwZg.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-2XGnhJXF.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-DfqlfwZg.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
@@ -268,6 +268,7 @@
268
268
  --tracking-wide: 0.025em;
269
269
  --tracking-wider: 0.05em;
270
270
  --leading-tight: 1.25;
271
+ --leading-normal: 1.5;
271
272
  --leading-relaxed: 1.625;
272
273
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
273
274
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
@@ -278,7 +279,6 @@
278
279
  --animate-bounce: bounce 1s infinite;
279
280
  --blur-sm: 8px;
280
281
  --blur-md: 12px;
281
- --blur-2xl: 40px;
282
282
  --aspect-video: 16 / 9;
283
283
  --default-transition-duration: 150ms;
284
284
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -462,7 +462,7 @@
462
462
  --color-background-body: #151a30;
463
463
  --color-background-surface: #1a2038;
464
464
  --color-background-muted: #374151;
465
- --color-background-hover: #4b5563;
465
+ --color-background-hover: #242d47;
466
466
  --color-background-selected: #6b7280;
467
467
  --color-background-modal: rgba(255, 255, 255, 0.12);
468
468
  --color-background-input: rgba(255, 255, 255, 0.05);
@@ -2766,9 +2766,6 @@
2766
2766
  .border-feedback-warning-border {
2767
2767
  border-color: var(--color-feedback-warning-border);
2768
2768
  }
2769
- .border-gray-100 {
2770
- border-color: var(--color-gray-100);
2771
- }
2772
2769
  .border-gray-200 {
2773
2770
  border-color: var(--color-gray-200);
2774
2771
  }
@@ -3195,11 +3192,8 @@
3195
3192
  .fill-white {
3196
3193
  fill: var(--color-white);
3197
3194
  }
3198
- .stroke-black\/10 {
3199
- stroke: color-mix(in srgb, #000000 10%, transparent);
3200
- @supports (color: color-mix(in lab, red, red)) {
3201
- stroke: color-mix(in oklab, var(--color-black) 10%, transparent);
3202
- }
3195
+ .stroke-border-default {
3196
+ stroke: var(--color-border-default);
3203
3197
  }
3204
3198
  .stroke-border-muted {
3205
3199
  stroke: var(--color-border-muted);
@@ -3564,6 +3558,10 @@
3564
3558
  --tw-leading: 1;
3565
3559
  line-height: 1;
3566
3560
  }
3561
+ .leading-normal {
3562
+ --tw-leading: var(--leading-normal);
3563
+ line-height: var(--leading-normal);
3564
+ }
3567
3565
  .leading-relaxed {
3568
3566
  --tw-leading: var(--leading-relaxed);
3569
3567
  line-height: var(--leading-relaxed);
@@ -5901,14 +5899,6 @@
5901
5899
  border-color: var(--color-gray-800);
5902
5900
  }
5903
5901
  }
5904
- .dark\:border-white\/5 {
5905
- @media (prefers-color-scheme: dark) {
5906
- border-color: color-mix(in srgb, #ffffff 5%, transparent);
5907
- @supports (color: color-mix(in lab, red, red)) {
5908
- border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
5909
- }
5910
- }
5911
- }
5912
5902
  .dark\:border-white\/10 {
5913
5903
  @media (prefers-color-scheme: dark) {
5914
5904
  border-color: color-mix(in srgb, #ffffff 10%, transparent);
@@ -5981,19 +5971,6 @@
5981
5971
  background-color: var(--color-zinc-900);
5982
5972
  }
5983
5973
  }
5984
- .dark\:bg-zinc-900\/70 {
5985
- @media (prefers-color-scheme: dark) {
5986
- background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent);
5987
- @supports (color: color-mix(in lab, red, red)) {
5988
- background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
5989
- }
5990
- }
5991
- }
5992
- .dark\:fill-\[\#1f1f21\] {
5993
- @media (prefers-color-scheme: dark) {
5994
- fill: #1f1f21;
5995
- }
5996
- }
5997
5974
  .dark\:fill-slate-600 {
5998
5975
  @media (prefers-color-scheme: dark) {
5999
5976
  fill: var(--color-slate-600);
@@ -6007,11 +5984,6 @@
6007
5984
  }
6008
5985
  }
6009
5986
  }
6010
- .dark\:stroke-zinc-600 {
6011
- @media (prefers-color-scheme: dark) {
6012
- stroke: var(--color-zinc-600);
6013
- }
6014
- }
6015
5987
  .dark\:text-blue-100 {
6016
5988
  @media (prefers-color-scheme: dark) {
6017
5989
  color: var(--color-blue-100);
@@ -6086,18 +6058,6 @@
6086
6058
  --tw-ring-color: var(--color-gray-700);
6087
6059
  }
6088
6060
  }
6089
- .dark\:backdrop-blur-2xl {
6090
- @media (prefers-color-scheme: dark) {
6091
- --tw-backdrop-blur: blur(var(--blur-2xl));
6092
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
6093
- }
6094
- }
6095
- .dark\:backdrop-saturate-200 {
6096
- @media (prefers-color-scheme: dark) {
6097
- --tw-backdrop-saturate: saturate(200%);
6098
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
6099
- }
6100
- }
6101
6061
  .group-disabled\:dark\:text-zinc-600 {
6102
6062
  &:is(:where(.group):disabled *) {
6103
6063
  @media (prefers-color-scheme: dark) {
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.15.3",
3
- "generatedAt": "2025-10-31T11:11:25.558Z",
2
+ "version": "1.15.5",
3
+ "generatedAt": "2025-11-01T03:02:30.467Z",
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.3",
3
+ "version": "1.15.5",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",