@ngrok/mantle 0.66.12 → 0.66.13
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/alert-dialog.d.ts +8 -8
- package/dist/{button-ByK1wG1b.d.ts → button-CU5ung6o.d.ts} +7 -7
- package/dist/button.d.ts +1 -1
- package/dist/checkbox.d.ts +1 -1
- package/dist/code-block.d.ts +1 -1
- package/dist/command.d.ts +3 -3
- package/dist/data-table.d.ts +1 -1
- package/dist/split-button.d.ts +1 -1
- package/dist/theme.d.ts +3 -3
- package/package.json +6 -6
package/dist/alert-dialog.d.ts
CHANGED
|
@@ -147,9 +147,9 @@ declare const AlertDialog: {
|
|
|
147
147
|
* ```
|
|
148
148
|
*/
|
|
149
149
|
readonly Action: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
|
|
150
|
-
appearance?: "
|
|
150
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
151
151
|
isLoading?: boolean | null | undefined;
|
|
152
|
-
priority?: "
|
|
152
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
153
153
|
} & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
|
|
154
154
|
icon?: ReactNode;
|
|
155
155
|
iconPlacement?: "start" | "end";
|
|
@@ -157,9 +157,9 @@ declare const AlertDialog: {
|
|
|
157
157
|
asChild: true;
|
|
158
158
|
type?: ComponentProps<"button">["type"];
|
|
159
159
|
}, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
|
|
160
|
-
appearance?: "
|
|
160
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
161
161
|
isLoading?: boolean | null | undefined;
|
|
162
|
-
priority?: "
|
|
162
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
163
163
|
} & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
|
|
164
164
|
icon?: ReactNode;
|
|
165
165
|
iconPlacement?: "start" | "end";
|
|
@@ -204,9 +204,9 @@ declare const AlertDialog: {
|
|
|
204
204
|
* ```
|
|
205
205
|
*/
|
|
206
206
|
readonly Cancel: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
|
|
207
|
-
appearance?: "
|
|
207
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
208
208
|
isLoading?: boolean | null | undefined;
|
|
209
|
-
priority?: "
|
|
209
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
210
210
|
} & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
|
|
211
211
|
icon?: ReactNode;
|
|
212
212
|
iconPlacement?: "start" | "end";
|
|
@@ -214,9 +214,9 @@ declare const AlertDialog: {
|
|
|
214
214
|
asChild: true;
|
|
215
215
|
type?: ComponentProps<"button">["type"];
|
|
216
216
|
}, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
|
|
217
|
-
appearance?: "
|
|
217
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
218
218
|
isLoading?: boolean | null | undefined;
|
|
219
|
-
priority?: "
|
|
219
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
220
220
|
} & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
|
|
221
221
|
icon?: ReactNode;
|
|
222
222
|
iconPlacement?: "start" | "end";
|
|
@@ -7,9 +7,9 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
|
|
|
7
7
|
|
|
8
8
|
//#region src/components/button/button.d.ts
|
|
9
9
|
declare const buttonVariants: (props?: ({
|
|
10
|
-
appearance?: "
|
|
10
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
11
11
|
isLoading?: boolean | null | undefined;
|
|
12
|
-
priority?: "
|
|
12
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
13
13
|
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
14
14
|
type ButtonVariants = VariantProps$1<typeof buttonVariants>;
|
|
15
15
|
/**
|
|
@@ -91,9 +91,9 @@ type ButtonProps = ComponentProps<"button"> & ButtonVariants & {
|
|
|
91
91
|
* ```
|
|
92
92
|
*/
|
|
93
93
|
declare const Button: react.ForwardRefExoticComponent<(Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
|
|
94
|
-
appearance?: "
|
|
94
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
95
95
|
isLoading?: boolean | null | undefined;
|
|
96
|
-
priority?: "
|
|
96
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
97
97
|
} & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
|
|
98
98
|
/**
|
|
99
99
|
* An icon to render inside the button. If the `state` is `"pending"`, then
|
|
@@ -137,9 +137,9 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<react.ClassAttribute
|
|
|
137
137
|
*/
|
|
138
138
|
type?: ComponentProps<"button">["type"];
|
|
139
139
|
}, "ref"> | Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & Partial<DeepNonNullable<class_variance_authority0.VariantProps<(props?: ({
|
|
140
|
-
appearance?: "
|
|
140
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
141
141
|
isLoading?: boolean | null | undefined;
|
|
142
|
-
priority?: "
|
|
142
|
+
priority?: "danger" | "neutral" | "default" | null | undefined;
|
|
143
143
|
} & class_variance_authority_types0.ClassProp) | undefined) => string>>> & {
|
|
144
144
|
/**
|
|
145
145
|
* An icon to render inside the button. If the `state` is `"pending"`, then
|
|
@@ -172,4 +172,4 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<react.ClassAttribute
|
|
|
172
172
|
}, "ref">) & react.RefAttributes<HTMLButtonElement>>;
|
|
173
173
|
//#endregion
|
|
174
174
|
export { ButtonProps as n, Button as t };
|
|
175
|
-
//# sourceMappingURL=button-
|
|
175
|
+
//# sourceMappingURL=button-CU5ung6o.d.ts.map
|
package/dist/button.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { n as IconButtonProps, t as IconButton } from "./icon-button-2r6S3HVA.js";
|
|
2
|
-
import { n as ButtonProps, t as Button } from "./button-
|
|
2
|
+
import { n as ButtonProps, t as Button } from "./button-CU5ung6o.js";
|
|
3
3
|
import { n as ButtonGroupProps, t as ButtonGroup } from "./index-ViSCOUrU.js";
|
|
4
4
|
export { Button, ButtonGroup, ButtonGroupProps, ButtonProps, IconButton, IconButtonProps };
|
package/dist/checkbox.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ type CheckedState = boolean | "indeterminate";
|
|
|
19
19
|
* </form>
|
|
20
20
|
* ```
|
|
21
21
|
*/
|
|
22
|
-
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "
|
|
22
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "defaultChecked" | "checked"> & WithValidation & {
|
|
23
23
|
/**
|
|
24
24
|
* The controlled checked state of the checkbox. Must be used in conjunction with onChange.
|
|
25
25
|
*/
|
package/dist/code-block.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ declare const isSupportedLanguage: (value: unknown) => value is SupportedLanguag
|
|
|
27
27
|
* Formats a language name into a class name that Prism.js can understand.
|
|
28
28
|
* @default "language-sh"
|
|
29
29
|
*/
|
|
30
|
-
declare function formatLanguageClassName(language?: SupportedLanguage | undefined): "language-
|
|
30
|
+
declare function formatLanguageClassName(language?: SupportedLanguage | undefined): "language-py" | "language-text" | "language-jsx" | "language-html" | "language-ruby" | "language-go" | "language-plaintext" | "language-bash" | "language-cs" | "language-csharp" | "language-css" | "language-dotnet" | "language-java" | "language-javascript" | "language-js" | "language-json" | "language-markup" | "language-plain" | "language-python" | "language-rb" | "language-rust" | "language-sh" | "language-shell" | "language-ts" | "language-tsx" | "language-txt" | "language-typescript" | "language-xml" | "language-yaml" | "language-yml";
|
|
31
31
|
//#endregion
|
|
32
32
|
//#region src/components/code-block/indentation.d.ts
|
|
33
33
|
declare const indentations: readonly ["tabs", "spaces"];
|
package/dist/command.d.ts
CHANGED
|
@@ -178,7 +178,7 @@ declare const Command: {
|
|
|
178
178
|
ref?: React.Ref<HTMLInputElement>;
|
|
179
179
|
} & {
|
|
180
180
|
asChild?: boolean;
|
|
181
|
-
}, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "
|
|
181
|
+
}, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
|
|
182
182
|
value?: string;
|
|
183
183
|
onValueChange?: (search: string) => void;
|
|
184
184
|
} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -239,7 +239,7 @@ declare const Command: {
|
|
|
239
239
|
ref?: React.Ref<HTMLDivElement>;
|
|
240
240
|
} & {
|
|
241
241
|
asChild?: boolean;
|
|
242
|
-
}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "
|
|
242
|
+
}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
|
|
243
243
|
heading?: React.ReactNode;
|
|
244
244
|
value?: string;
|
|
245
245
|
forceMount?: boolean;
|
|
@@ -262,7 +262,7 @@ declare const Command: {
|
|
|
262
262
|
ref?: React.Ref<HTMLDivElement>;
|
|
263
263
|
} & {
|
|
264
264
|
asChild?: boolean;
|
|
265
|
-
}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "
|
|
265
|
+
}, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
266
266
|
disabled?: boolean;
|
|
267
267
|
onSelect?: (value: string) => void;
|
|
268
268
|
value?: string;
|
package/dist/data-table.d.ts
CHANGED
package/dist/split-button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as IconButton } from "./icon-button-2r6S3HVA.js";
|
|
2
|
-
import { t as Button } from "./button-
|
|
2
|
+
import { t as Button } from "./button-CU5ung6o.js";
|
|
3
3
|
import { t as DropdownMenu } from "./dropdown-menu-BEjpuGrT.js";
|
|
4
4
|
import * as react from "react";
|
|
5
5
|
import { ComponentProps, ReactNode } from "react";
|
package/dist/theme.d.ts
CHANGED
|
@@ -202,14 +202,14 @@ declare function useTheme(): ThemeProviderState;
|
|
|
202
202
|
* Read the theme and applied theme from the `<html>` element.
|
|
203
203
|
*/
|
|
204
204
|
declare function readThemeFromHtmlElement(): {
|
|
205
|
-
appliedTheme: "
|
|
206
|
-
theme: "
|
|
205
|
+
appliedTheme: "light" | "dark" | "light-high-contrast" | "dark-high-contrast" | undefined;
|
|
206
|
+
theme: "light" | "dark" | "light-high-contrast" | "dark-high-contrast" | "system" | undefined;
|
|
207
207
|
};
|
|
208
208
|
/**
|
|
209
209
|
* If the theme is "system", it will resolve the theme based on the user's media query preferences, otherwise it will return the theme as is.
|
|
210
210
|
* This will mirror the result that gets applied to the <html> element.
|
|
211
211
|
*/
|
|
212
|
-
declare function useAppliedTheme(): "
|
|
212
|
+
declare function useAppliedTheme(): "light" | "dark" | "light-high-contrast" | "dark-high-contrast";
|
|
213
213
|
/**
|
|
214
214
|
* determineThemeFromMediaQuery returns the theme that should be used based on the user's media query preferences.
|
|
215
215
|
* @private
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngrok/mantle",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.13",
|
|
4
4
|
"description": "mantle is ngrok's UI library and design system.",
|
|
5
5
|
"homepage": "https://mantle.ngrok.com",
|
|
6
6
|
"license": "MIT",
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
}
|
|
307
307
|
},
|
|
308
308
|
"dependencies": {
|
|
309
|
-
"@ariakit/react": "0.4.
|
|
309
|
+
"@ariakit/react": "0.4.23",
|
|
310
310
|
"@headlessui/react": "2.2.9",
|
|
311
311
|
"@radix-ui/react-accordion": "1.2.12",
|
|
312
312
|
"@radix-ui/react-dialog": "1.1.15",
|
|
@@ -338,19 +338,19 @@
|
|
|
338
338
|
"@testing-library/jest-dom": "6.9.1",
|
|
339
339
|
"@testing-library/react": "16.3.2",
|
|
340
340
|
"@testing-library/user-event": "14.6.1",
|
|
341
|
-
"@tsdown/css": "0.21.
|
|
341
|
+
"@tsdown/css": "0.21.2",
|
|
342
342
|
"@types/prismjs": "1.26.6",
|
|
343
343
|
"@types/react": "19.2.14",
|
|
344
344
|
"@types/react-dom": "19.2.3",
|
|
345
|
-
"@vitest/browser-playwright": "4.0
|
|
345
|
+
"@vitest/browser-playwright": "4.1.0",
|
|
346
346
|
"browserslist": "4.28.1",
|
|
347
347
|
"date-fns": "4.1.0",
|
|
348
|
-
"happy-dom": "20.8.
|
|
348
|
+
"happy-dom": "20.8.4",
|
|
349
349
|
"playwright": "1.58.2",
|
|
350
350
|
"react": "19.2.4",
|
|
351
351
|
"react-dom": "19.2.4",
|
|
352
352
|
"tailwindcss": "4.2.1",
|
|
353
|
-
"tsdown": "0.21.
|
|
353
|
+
"tsdown": "0.21.2",
|
|
354
354
|
"typescript": "5.9.3",
|
|
355
355
|
"@cfg/tsconfig": "1.0.0"
|
|
356
356
|
},
|