@texturehq/edges 1.15.4 → 1.15.6

package/dist/{server-2XGnhJXF.d.cts → server-DfqlfwZg.d.cts}

@@ -358,6 +358,14 @@ interface ActionMenuProps {
      * Global action handler (called if item doesn't have its own onAction)
      */
     onAction?: (item: ActionItem) => void;
+    /**
+     * Optional header content rendered above the menu items
+     */
+    header?: ReactNode;
+    /**
+     * Optional footer content rendered below the menu items
+     */
+    footer?: ReactNode;
 }
 /**
  * ActionMenu
@@ -365,7 +373,7 @@ interface ActionMenuProps {
  * A dropdown menu for actions, typically triggered by a button.
  * Supports icons, destructive actions, and flexible alignment.
  */
-declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
+declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, header, footer, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
 
 type SideNavItem = {
     id: string;
@@ -1646,7 +1654,7 @@ interface SegmentedControlProps {
      * Visual variant of the control
      * @default "default"
      */
-    variant?: "default" | "brand";
+    variant?: "default" | "brand" | "secondary";
 }
 /**
  * SegmentedControl

package/dist/{server-2XGnhJXF.d.ts → server-DfqlfwZg.d.ts}

@@ -358,6 +358,14 @@ interface ActionMenuProps {
      * Global action handler (called if item doesn't have its own onAction)
      */
     onAction?: (item: ActionItem) => void;
+    /**
+     * Optional header content rendered above the menu items
+     */
+    header?: ReactNode;
+    /**
+     * Optional footer content rendered below the menu items
+     */
+    footer?: ReactNode;
 }
 /**
  * ActionMenu
@@ -365,7 +373,7 @@ interface ActionMenuProps {
  * A dropdown menu for actions, typically triggered by a button.
  * Supports icons, destructive actions, and flexible alignment.
  */
-declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
+declare function ActionMenu({ children, items, className, align, textAlign, size, onAction, header, footer, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
 
 type SideNavItem = {
     id: string;
@@ -1646,7 +1654,7 @@ interface SegmentedControlProps {
      * Visual variant of the control
      * @default "default"
      */
-    variant?: "default" | "brand";
+    variant?: "default" | "brand" | "secondary";
 }
 /**
  * SegmentedControl

package/dist/server.d.cts

@@ -1,4 +1,4 @@
-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';
+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';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 import 'react/jsx-runtime';
 import 'react';

package/dist/server.d.ts

@@ -1,4 +1,4 @@
-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';
+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';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
 import 'react/jsx-runtime';
 import 'react';

package/dist/styles/computed.css

@@ -40,7 +40,7 @@
   --input-height-xl: calc(var(--control-xl-height) + (var(--control-padding-xl) * 2));
 
   /* Border Radius */
-  --control-border-radius: var(--border-radius-lg);
+  --control-border-radius: var(--radius-sm);
 
   /* Select Widths */
   --select-min-width-sm: 7.5rem;

package/dist/styles.css

@@ -200,7 +200,7 @@
   --control-gap-md: 0.375rem;
   --control-gap-lg: 0.5rem;
   --control-gap-xl: 0.625rem;
-  --control-border-radius: var(--border-radius-lg);
+  --control-border-radius: var(--radius-sm);
   --control-text-sm: var(--text-xs);
   --control-text-md: var(--text-sm);
   --control-text-lg: var(--text-base);
@@ -279,7 +279,6 @@
   --animate-bounce: bounce 1s infinite;
   --blur-sm: 8px;
   --blur-md: 12px;
-  --blur-2xl: 40px;
   --aspect-video: 16 / 9;
   --default-transition-duration: 150ms;
   --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2767,9 +2766,6 @@
   .border-feedback-warning-border {
     border-color: var(--color-feedback-warning-border);
   }
-  .border-gray-100 {
-    border-color: var(--color-gray-100);
-  }
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -3196,11 +3192,8 @@
   .fill-white {
     fill: var(--color-white);
   }
-  .stroke-black\/10 {
-    stroke: color-mix(in srgb, #000000 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      stroke: color-mix(in oklab, var(--color-black) 10%, transparent);
-    }
+  .stroke-border-default {
+    stroke: var(--color-border-default);
   }
   .stroke-border-muted {
     stroke: var(--color-border-muted);
@@ -5906,14 +5899,6 @@
       border-color: var(--color-gray-800);
     }
   }
-  .dark\:border-white\/5 {
-    @media (prefers-color-scheme: dark) {
-      border-color: color-mix(in srgb, #ffffff 5%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
-      }
-    }
-  }
   .dark\:border-white\/10 {
     @media (prefers-color-scheme: dark) {
       border-color: color-mix(in srgb, #ffffff 10%, transparent);
@@ -5986,19 +5971,6 @@
       background-color: var(--color-zinc-900);
     }
   }
-  .dark\:bg-zinc-900\/70 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent);
-      }
-    }
-  }
-  .dark\:fill-\[\#1f1f21\] {
-    @media (prefers-color-scheme: dark) {
-      fill: #1f1f21;
-    }
-  }
   .dark\:fill-slate-600 {
     @media (prefers-color-scheme: dark) {
       fill: var(--color-slate-600);
@@ -6012,11 +5984,6 @@
       }
     }
   }
-  .dark\:stroke-zinc-600 {
-    @media (prefers-color-scheme: dark) {
-      stroke: var(--color-zinc-600);
-    }
-  }
   .dark\:text-blue-100 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-blue-100);
@@ -6091,18 +6058,6 @@
       --tw-ring-color: var(--color-gray-700);
     }
   }
-  .dark\:backdrop-blur-2xl {
-    @media (prefers-color-scheme: dark) {
-      --tw-backdrop-blur: blur(var(--blur-2xl));
-      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,);
-    }
-  }
-  .dark\:backdrop-saturate-200 {
-    @media (prefers-color-scheme: dark) {
-      --tw-backdrop-saturate: saturate(200%);
-      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,);
-    }
-  }
   .group-disabled\:dark\:text-zinc-600 {
     &:is(:where(.group):disabled *) {
       @media (prefers-color-scheme: dark) {

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.15.4",
-  "generatedAt": "2025-10-31T19:08:38.553Z",
+  "version": "1.15.6",
+  "generatedAt": "2025-11-01T16:06:42.745Z",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.15.4",
+  "version": "1.15.6",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",