@ngrok/mantle 0.0.2 → 0.0.4

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.
Files changed (65) hide show
  1. package/dist/index.d.ts +110 -120
  2. package/dist/index.d.ts.map +1 -0
  3. package/dist/index.js +883 -1258
  4. package/dist/index.js.map +1 -0
  5. package/dist/{assets/mantle.css → mantle.css} +5 -29
  6. package/package.json +46 -48
  7. package/dist/assets/fonts/euclid-square/EuclidSquare-Bold-WebS.woff +0 -0
  8. package/dist/assets/fonts/euclid-square/EuclidSquare-BoldItalic-WebS.woff +0 -0
  9. package/dist/assets/fonts/euclid-square/EuclidSquare-Light-WebS.woff +0 -0
  10. package/dist/assets/fonts/euclid-square/EuclidSquare-LightItalic-WebS.woff +0 -0
  11. package/dist/assets/fonts/euclid-square/EuclidSquare-Medium-WebS.woff +0 -0
  12. package/dist/assets/fonts/euclid-square/EuclidSquare-MediumItalic-WebS.woff +0 -0
  13. package/dist/assets/fonts/euclid-square/EuclidSquare-Regular-WebS.woff +0 -0
  14. package/dist/assets/fonts/euclid-square/EuclidSquare-RegularItalic-WebS.woff +0 -0
  15. package/dist/assets/fonts/euclid-square/EuclidSquare-Semibold-WebS.woff +0 -0
  16. package/dist/assets/fonts/euclid-square/EuclidSquare-SemiboldItalic-WebS.woff +0 -0
  17. package/dist/assets/fonts/euclid-square/swisstypefaces-EULA.pdf +0 -0
  18. package/dist/assets/fonts/fonts.css +0 -65
  19. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff +0 -0
  20. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-BoldItalic.woff +0 -0
  21. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-ExtraLight.woff +0 -0
  22. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-ExtraLightItalic.woff +0 -0
  23. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff +0 -0
  24. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Light.woff +0 -0
  25. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-LightItalic.woff +0 -0
  26. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Medium.woff +0 -0
  27. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-MediumItalic.woff +0 -0
  28. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff +0 -0
  29. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.woff +0 -0
  30. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-SemiBoldItalic.woff +0 -0
  31. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Text.woff +0 -0
  32. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-TextItalic.woff +0 -0
  33. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-Thin.woff +0 -0
  34. package/dist/assets/fonts/ibm-plex-mono/IBMPlexMono-ThinItalic.woff +0 -0
  35. package/dist/assets/fonts/ibm-plex-mono/license.txt +0 -92
  36. package/dist/dts/anchor/index.d.ts +0 -5
  37. package/dist/dts/back-to-top-button/index.d.ts +0 -8
  38. package/dist/dts/button/index.d.ts +0 -27
  39. package/dist/dts/card/index.d.ts +0 -25
  40. package/dist/dts/code-block/code.d.ts +0 -6
  41. package/dist/dts/code-block/index.d.ts +0 -24
  42. package/dist/dts/code-block/line-numbers.d.ts +0 -8
  43. package/dist/dts/code-block/supported-languages.d.ts +0 -18
  44. package/dist/dts/cx/index.d.ts +0 -7
  45. package/dist/dts/drawer/index.d.ts +0 -22
  46. package/dist/dts/dropdown-menu/index.d.ts +0 -27
  47. package/dist/dts/hooks/use-matches-media-query.d.ts +0 -1
  48. package/dist/dts/hooks/use-prefers-reduced-motion.d.ts +0 -4
  49. package/dist/dts/index.d.ts +0 -21
  50. package/dist/dts/input/index.d.ts +0 -24
  51. package/dist/dts/input/types.d.ts +0 -20
  52. package/dist/dts/media-object/index.d.ts +0 -23
  53. package/dist/dts/portal/index.d.ts +0 -6
  54. package/dist/dts/select/index.d.ts +0 -13
  55. package/dist/dts/skeleton/index.d.ts +0 -4
  56. package/dist/dts/tailwind-plugins/tailwind-plugin-firefox-variant.d.ts +0 -10
  57. package/dist/dts/tailwind.preset.d.ts +0 -332
  58. package/dist/dts/theme-provider/index.d.ts +0 -53
  59. package/dist/dts/tooltip/index.d.ts +0 -6
  60. package/dist/dts/types/as-child.d.ts +0 -20
  61. package/dist/dts/types/deep-non-nullable.d.ts +0 -6
  62. package/dist/dts/types/variant-props.d.ts +0 -8
  63. package/dist/dts/types/with-style-props.d.ts +0 -24
  64. package/dist/tailwind.preset.d.ts +0 -332
  65. package/dist/tailwind.preset.js +0 -365
@@ -1,332 +0,0 @@
1
- declare const preset: {
2
- content: never[];
3
- darkMode: "class";
4
- theme: {
5
- container: {
6
- center: true;
7
- padding: string;
8
- screens: {
9
- "2xl": string;
10
- };
11
- };
12
- extend: {
13
- fontFamily: {
14
- sans: [string, ...string[]];
15
- mono: [string, ...string[]];
16
- };
17
- colors: {
18
- white: string;
19
- gray: {
20
- 50: string;
21
- 100: string;
22
- 200: string;
23
- 300: string;
24
- 400: string;
25
- 500: string;
26
- 600: string;
27
- 700: string;
28
- 800: string;
29
- 900: string;
30
- 950: string;
31
- DEFAULT: string;
32
- };
33
- red: {
34
- 50: string;
35
- 100: string;
36
- 200: string;
37
- 300: string;
38
- 400: string;
39
- 500: string;
40
- 600: string;
41
- 700: string;
42
- 800: string;
43
- 900: string;
44
- 950: string;
45
- DEFAULT: string;
46
- };
47
- orange: {
48
- 50: string;
49
- 100: string;
50
- 200: string;
51
- 300: string;
52
- 400: string;
53
- 500: string;
54
- 600: string;
55
- 700: string;
56
- 800: string;
57
- 900: string;
58
- 950: string;
59
- DEFAULT: string;
60
- };
61
- amber: {
62
- 50: string;
63
- 100: string;
64
- 200: string;
65
- 300: string;
66
- 400: string;
67
- 500: string;
68
- 600: string;
69
- 700: string;
70
- 800: string;
71
- 900: string;
72
- 950: string;
73
- DEFAULT: string;
74
- };
75
- yellow: {
76
- 50: string;
77
- 100: string;
78
- 200: string;
79
- 300: string;
80
- 400: string;
81
- 500: string;
82
- 600: string;
83
- 700: string;
84
- 800: string;
85
- 900: string;
86
- 950: string;
87
- DEFAULT: string;
88
- };
89
- lime: {
90
- 50: string;
91
- 100: string;
92
- 200: string;
93
- 300: string;
94
- 400: string;
95
- 500: string;
96
- 600: string;
97
- 700: string;
98
- 800: string;
99
- 900: string;
100
- 950: string;
101
- DEFAULT: string;
102
- };
103
- green: {
104
- 50: string;
105
- 100: string;
106
- 200: string;
107
- 300: string;
108
- 400: string;
109
- 500: string;
110
- 600: string;
111
- 700: string;
112
- 800: string;
113
- 900: string;
114
- 950: string;
115
- DEFAULT: string;
116
- };
117
- teal: {
118
- 50: string;
119
- 100: string;
120
- 200: string;
121
- 300: string;
122
- 400: string;
123
- 500: string;
124
- 600: string;
125
- 700: string;
126
- 800: string;
127
- 900: string;
128
- 950: string;
129
- DEFAULT: string;
130
- };
131
- cyan: {
132
- 50: string;
133
- 100: string;
134
- 200: string;
135
- 300: string;
136
- 400: string;
137
- 500: string;
138
- 600: string;
139
- 700: string;
140
- 800: string;
141
- 900: string;
142
- 950: string;
143
- DEFAULT: string;
144
- };
145
- sky: {
146
- 50: string;
147
- 100: string;
148
- 200: string;
149
- 300: string;
150
- 400: string;
151
- 500: string;
152
- 600: string;
153
- 700: string;
154
- 800: string;
155
- 900: string;
156
- 950: string;
157
- DEFAULT: string;
158
- };
159
- blue: {
160
- 50: string;
161
- 100: string;
162
- 200: string;
163
- 300: string;
164
- 400: string;
165
- 500: string;
166
- 600: string;
167
- 700: string;
168
- 800: string;
169
- 900: string;
170
- 950: string;
171
- DEFAULT: string;
172
- };
173
- indigo: {
174
- 50: string;
175
- 100: string;
176
- 200: string;
177
- 300: string;
178
- 400: string;
179
- 500: string;
180
- 600: string;
181
- 700: string;
182
- 800: string;
183
- 900: string;
184
- 950: string;
185
- DEFAULT: string;
186
- };
187
- violet: {
188
- 50: string;
189
- 100: string;
190
- 200: string;
191
- 300: string;
192
- 400: string;
193
- 500: string;
194
- 600: string;
195
- 700: string;
196
- 800: string;
197
- 900: string;
198
- 950: string;
199
- DEFAULT: string;
200
- };
201
- purple: {
202
- 50: string;
203
- 100: string;
204
- 200: string;
205
- 300: string;
206
- 400: string;
207
- 500: string;
208
- 600: string;
209
- 700: string;
210
- 800: string;
211
- 900: string;
212
- 950: string;
213
- DEFAULT: string;
214
- };
215
- fuchsia: {
216
- 50: string;
217
- 100: string;
218
- 200: string;
219
- 300: string;
220
- 400: string;
221
- 500: string;
222
- 600: string;
223
- 700: string;
224
- 800: string;
225
- 900: string;
226
- 950: string;
227
- DEFAULT: string;
228
- };
229
- pink: {
230
- 50: string;
231
- 100: string;
232
- 200: string;
233
- 300: string;
234
- 400: string;
235
- 500: string;
236
- 600: string;
237
- 700: string;
238
- 800: string;
239
- 900: string;
240
- 950: string;
241
- DEFAULT: string;
242
- };
243
- rose: {
244
- 50: string;
245
- 100: string;
246
- 200: string;
247
- 300: string;
248
- 400: string;
249
- 500: string;
250
- 600: string;
251
- 700: string;
252
- 800: string;
253
- 900: string;
254
- 950: string;
255
- DEFAULT: string;
256
- };
257
- button: string;
258
- border: string;
259
- input: string;
260
- ring: string;
261
- background: string;
262
- foreground: string;
263
- primary: {
264
- DEFAULT: string;
265
- foreground: string;
266
- };
267
- secondary: {
268
- DEFAULT: string;
269
- foreground: string;
270
- };
271
- destructive: {
272
- DEFAULT: string;
273
- foreground: string;
274
- };
275
- muted: {
276
- DEFAULT: string;
277
- foreground: string;
278
- };
279
- accent: {
280
- DEFAULT: string;
281
- foreground: string;
282
- };
283
- popover: {
284
- DEFAULT: string;
285
- foreground: string;
286
- };
287
- card: {
288
- DEFAULT: string;
289
- foreground: string;
290
- };
291
- };
292
- borderRadius: {
293
- lg: string;
294
- md: string;
295
- sm: string;
296
- };
297
- transitionProperty: {
298
- "max-height": string;
299
- };
300
- keyframes: {
301
- "accordion-down": {
302
- from: {
303
- height: string;
304
- };
305
- to: {
306
- height: string;
307
- };
308
- };
309
- "accordion-up": {
310
- from: {
311
- height: string;
312
- };
313
- to: {
314
- height: string;
315
- };
316
- };
317
- };
318
- animation: {
319
- "accordion-down": string;
320
- "accordion-up": string;
321
- };
322
- };
323
- };
324
- plugins: ({
325
- handler: import("tailwindcss/types/config").PluginCreator;
326
- config?: Partial<import("tailwindcss/types/config").Config> | undefined;
327
- } | {
328
- handler: () => void;
329
- })[];
330
- };
331
- export type Preset = typeof preset;
332
- export default preset;
@@ -1,53 +0,0 @@
1
- import type { PropsWithChildren } from "react";
2
- /**
3
- * themes is a tuple of valid themes.
4
- */
5
- declare const themes: readonly ["system", "light", "dark", "light-high-contrast", "dark-high-contrast"];
6
- /**
7
- * Theme is a string literal type that represents a valid theme.
8
- */
9
- type Theme = (typeof themes)[number];
10
- /**
11
- * theme is a helper which translates the Theme type into a string literal type.
12
- */
13
- declare const theme: (value: Theme) => "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast";
14
- /**
15
- * Type predicate that checks if a value is a valid theme.
16
- */
17
- declare function isTheme(value: unknown): value is Theme;
18
- /**
19
- * ThemeProviderState is the shape of the state returned by the ThemeProviderContext.
20
- */
21
- type ThemeProviderState = [theme: Theme, setTheme: (theme: Theme) => void];
22
- type ThemeProviderProps = PropsWithChildren & {
23
- defaultTheme?: Theme;
24
- storageKey?: string;
25
- };
26
- /**
27
- * ThemeProvider is a React Context Provider that provides the current theme and a function to set the theme.
28
- */
29
- declare function ThemeProvider({ children, defaultTheme, storageKey }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
30
- /**
31
- * useTheme returns the current theme and a function to set the theme.
32
- *
33
- * @note This function will throw an error if used outside of a ThemeProvider context tree.
34
- */
35
- declare function useTheme(): ThemeProviderState;
36
- /**
37
- * determineThemeFromMediaQuery returns the theme that should be used based on the user's media query preferences.
38
- * @private
39
- */
40
- export declare function determineThemeFromMediaQuery({ prefersDarkMode, prefersContrastMore, }: {
41
- prefersDarkMode: boolean;
42
- prefersContrastMore: boolean;
43
- }): "dark" | "light" | "light-high-contrast" | "dark-high-contrast";
44
- /**
45
- * PreventWrongThemeFlash is a React component that prevents the wrong theme from flashing on initial page load.
46
- * Render as high as possible in the DOM, preferably in the <head> element.
47
- */
48
- declare const PreventWrongThemeFlash: ({ defaultTheme, storageKey, }: {
49
- defaultTheme?: "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast" | undefined;
50
- storageKey?: string | undefined;
51
- }) => import("react/jsx-runtime").JSX.Element;
52
- export type { Theme, ThemeProviderProps };
53
- export { isTheme, PreventWrongThemeFlash, ThemeProvider, theme, useTheme };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare const TooltipProvider: import("react").FC<import("@radix-ui/react-tooltip").TooltipProviderProps>;
3
- declare const Tooltip: import("react").FC<import("@radix-ui/react-tooltip").TooltipProps>;
4
- declare const TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
5
- declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
@@ -1,20 +0,0 @@
1
- /**
2
- * Utility type for adding the `asChild` boolean prop to a component.
3
- */
4
- export type WithAsChild = {
5
- /**
6
- * Use the `asChild` prop to compose Radix's functionality onto alternative
7
- * element types or your own React components.
8
- *
9
- * All Radix primitive parts that render a DOM element accept an `asChild`
10
- * prop. When `asChild` is set to `true`, Radix will not render a default DOM
11
- * element, instead cloning the part's child and passing it the props and
12
- * behavior required to make it functional.
13
- *
14
- * asChild can be used as deeply as you need to. This means it is a great way
15
- * to compose multiple primitive's behavior together.
16
- *
17
- * @see https://www.radix-ui.com/docs/primitives/guides/composition#composition
18
- */
19
- asChild?: boolean;
20
- };
@@ -1,6 +0,0 @@
1
- /**
2
- * Makes all properties in an object non-nullable, recursively.
3
- */
4
- export type DeepNonNullable<Type> = {
5
- [Property in keyof Type]-?: Type[Property] & {};
6
- };
@@ -1,8 +0,0 @@
1
- import type { VariantProps as CVAVariantProps } from "class-variance-authority";
2
- import type { DeepNonNullable } from "./deep-non-nullable";
3
- /**
4
- * Variant props that are optional and cannot be `null`.
5
- *
6
- * Using VariantProps directly from CVA produces that can be `null`, which is not what we want.
7
- */
8
- export type VariantProps<Variants extends (props?: Record<PropertyKey, unknown> | undefined) => string> = Partial<DeepNonNullable<CVAVariantProps<Variants>>>;
@@ -1,24 +0,0 @@
1
- import { CSSProperties } from "react";
2
- /**
3
- * Helper type that includes an optional className and style prop for react
4
- * components.
5
- */
6
- export type WithStyleProps = {
7
- /**
8
- * A string. Specifies the element’s CSS class name.
9
- *
10
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/className
11
- */
12
- className?: string;
13
- /**
14
- * An object with CSS styles, for example `{ fontWeight: 'bold', margin: 20 }`.
15
- * Similarly to the DOM style property, the CSS property names need to be
16
- * written as camelCase, for example fontWeight instead of font-weight.
17
- * You can pass strings or numbers as values. If you pass a number, like
18
- * `width: 100`, React will automatically append px (“pixels”) to the value
19
- * unless it’s a unitless property.
20
- *
21
- * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
22
- */
23
- style?: CSSProperties;
24
- };