@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.
- package/dist/components.manifest.json +30 -6
- package/dist/generated/tailwind-tokens-dark.css +1 -1
- package/dist/index.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +136 -36
- package/dist/index.d.ts +136 -36
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/{server-2XGnhJXF.d.cts → server-DfqlfwZg.d.cts} +10 -2
- package/dist/{server-2XGnhJXF.d.ts → server-DfqlfwZg.d.ts} +10 -2
- package/dist/server.d.cts +1 -1
- package/dist/server.d.ts +1 -1
- package/dist/styles.css +8 -48
- package/dist/utilities.manifest.json +2 -2
- package/package.json +1 -1
|
@@ -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-
|
|
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-
|
|
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: #
|
|
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-
|
|
3199
|
-
stroke: color-
|
|
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
|
-
"generatedAt": "2025-
|
|
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",
|