@ngrok/mantle 0.0.1-alpha.8 → 0.0.1
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/{core → assets}/mantle.css +43 -2
- package/dist/dts/anchor/index.d.ts +5 -0
- package/dist/{back-to-top-button → dts/back-to-top-button}/index.d.ts +0 -1
- package/dist/{button → dts/button}/index.d.ts +0 -1
- package/dist/{card → dts/card}/index.d.ts +0 -1
- package/dist/dts/code-block/code.d.ts +6 -0
- package/dist/dts/code-block/index.d.ts +24 -0
- package/dist/dts/code-block/line-numbers.d.ts +8 -0
- package/dist/dts/code-block/supported-languages.d.ts +18 -0
- package/dist/{cx → dts/cx}/index.d.ts +0 -1
- package/dist/dts/drawer/index.d.ts +22 -0
- package/dist/{dropdown-menu → dts/dropdown-menu}/index.d.ts +0 -1
- package/dist/{hooks → dts/hooks}/use-matches-media-query.d.ts +0 -1
- package/dist/{hooks → dts/hooks}/use-prefers-reduced-motion.d.ts +0 -1
- package/dist/dts/index.d.ts +21 -0
- package/dist/{input → dts/input}/index.d.ts +0 -1
- package/dist/{input → dts/input}/types.d.ts +0 -1
- package/dist/{media-object → dts/media-object}/index.d.ts +0 -1
- package/dist/{portal → dts/portal}/index.d.ts +0 -1
- package/dist/{select → dts/select}/index.d.ts +0 -1
- package/dist/dts/skeleton/index.d.ts +4 -0
- package/dist/dts/tailwind-plugins/tailwind-plugin-firefox-variant.d.ts +10 -0
- package/dist/{core → dts}/tailwind.preset.d.ts +28 -5
- package/dist/{theme-provider → dts/theme-provider}/index.d.ts +5 -5
- package/dist/{tooltip → dts/tooltip}/index.d.ts +0 -1
- package/dist/{types → dts/types}/as-child.d.ts +0 -1
- package/dist/{types → dts/types}/deep-non-nullable.d.ts +0 -1
- package/dist/{types → dts/types}/variant-props.d.ts +0 -1
- package/dist/{types → dts/types}/with-style-props.d.ts +0 -1
- package/dist/index.d.ts +311 -16
- package/dist/index.js +922 -327
- package/dist/tailwind.preset.d.ts +332 -0
- package/dist/tailwind.preset.js +365 -0
- package/package.json +37 -28
- package/dist/back-to-top-button/index.d.ts.map +0 -1
- package/dist/button/index.d.ts.map +0 -1
- package/dist/card/index.d.ts.map +0 -1
- package/dist/core/tailwind.preset.d.ts.map +0 -1
- package/dist/core/tailwind.preset.ts +0 -301
- package/dist/cx/index.d.ts.map +0 -1
- package/dist/dropdown-menu/index.d.ts.map +0 -1
- package/dist/hooks/use-matches-media-query.d.ts.map +0 -1
- package/dist/hooks/use-prefers-reduced-motion.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/input/index.d.ts.map +0 -1
- package/dist/input/types.d.ts.map +0 -1
- package/dist/media-object/index.d.ts.map +0 -1
- package/dist/portal/index.d.ts.map +0 -1
- package/dist/select/index.d.ts.map +0 -1
- package/dist/theme-provider/index.d.ts.map +0 -1
- package/dist/tooltip/index.d.ts.map +0 -1
- package/dist/types/as-child.d.ts.map +0 -1
- package/dist/types/deep-non-nullable.d.ts.map +0 -1
- package/dist/types/variant-props.d.ts.map +0 -1
- package/dist/types/with-style-props.d.ts.map +0 -1
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-Bold-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-BoldItalic-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-Light-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-LightItalic-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-Medium-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-MediumItalic-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-Regular-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-RegularItalic-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-Semibold-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/EuclidSquare-SemiboldItalic-WebS.woff +0 -0
- /package/dist/{core → assets}/fonts/euclid-square/swisstypefaces-EULA.pdf +0 -0
- /package/dist/{core → assets}/fonts/fonts.css +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-BoldItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-ExtraLight.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-ExtraLightItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Light.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-LightItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Medium.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-MediumItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-SemiBoldItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Text.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-TextItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-Thin.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/IBMPlexMono-ThinItalic.woff +0 -0
- /package/dist/{core → assets}/fonts/ibm-plex-mono/license.txt +0 -0
|
@@ -706,6 +706,22 @@
|
|
|
706
706
|
--popover-foreground: 210 40% 98%;
|
|
707
707
|
}
|
|
708
708
|
|
|
709
|
+
@layer base {
|
|
710
|
+
/**
|
|
711
|
+
* provide an a11y escape hatch for those that prefer less motion
|
|
712
|
+
*/
|
|
713
|
+
@media (prefers-reduced-motion: reduce) {
|
|
714
|
+
*,
|
|
715
|
+
*::before,
|
|
716
|
+
*::after {
|
|
717
|
+
animation-duration: 0.01ms !important;
|
|
718
|
+
animation-iteration-count: 1 !important;
|
|
719
|
+
transition-duration: 0.01ms !important;
|
|
720
|
+
scroll-behavior: auto !important;
|
|
721
|
+
}
|
|
722
|
+
}
|
|
723
|
+
}
|
|
724
|
+
|
|
709
725
|
/**
|
|
710
726
|
* prism.js default theme for JavaScript, CSS and HTML
|
|
711
727
|
* Based on dabblet (http://dabblet.com)
|
|
@@ -779,13 +795,13 @@ pre.prismjs {
|
|
|
779
795
|
|
|
780
796
|
.token.function,
|
|
781
797
|
.token.class-name {
|
|
782
|
-
color: hsl(var(--
|
|
798
|
+
color: hsl(var(--blue-600));
|
|
783
799
|
}
|
|
784
800
|
|
|
785
801
|
.token.regex,
|
|
786
802
|
.token.important,
|
|
787
803
|
.token.variable {
|
|
788
|
-
color: hsl(var(--
|
|
804
|
+
color: hsl(var(--yellow-600));
|
|
789
805
|
}
|
|
790
806
|
|
|
791
807
|
.token.important,
|
|
@@ -802,3 +818,28 @@ pre.prismjs {
|
|
|
802
818
|
@apply bg-white text-gray-900;
|
|
803
819
|
}
|
|
804
820
|
}
|
|
821
|
+
|
|
822
|
+
.scrollbar::-webkit-scrollbar {
|
|
823
|
+
width: 0.5rem;
|
|
824
|
+
height: 0.5rem;
|
|
825
|
+
background-color: transparent;
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
.scrollbar::-webkit-scrollbar-track {
|
|
829
|
+
border-radius: 0.5rem;
|
|
830
|
+
background-color: transparent;
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
.scrollbar::-webkit-scrollbar-thumb {
|
|
834
|
+
border-radius: 0.5rem;
|
|
835
|
+
background-color: hsl(var(--gray-600) / 0.8);
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
.scrollbar::-webkit-scrollbar-corner {
|
|
839
|
+
background-color: transparent;
|
|
840
|
+
border-color: transparent;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
.scrollbar {
|
|
844
|
+
scrollbar-color: hsl(var(--gray-600) / 0.8) transparent;
|
|
845
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes } from "react";
|
|
2
|
+
import { WithAsChild } from "../types/as-child";
|
|
3
|
+
declare const anchorClassNames: (className: string | undefined) => string;
|
|
4
|
+
declare const Anchor: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & WithAsChild & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
5
|
+
export { Anchor, anchorClassNames };
|
|
@@ -25,4 +25,3 @@ declare const Button: import("react").ForwardRefExoticComponent<WithAsChild & Bu
|
|
|
25
25
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
26
26
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
27
27
|
export { Button, buttonVariants };
|
|
28
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -23,4 +23,3 @@ export type CardTitleProps = HTMLAttributes<HTMLHeadingElement> & WithAsChild;
|
|
|
23
23
|
* The title of a card. Usually composed as a direct child of a `CardHeader` component.
|
|
24
24
|
*/
|
|
25
25
|
export declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & WithAsChild & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
26
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
import "prismjs/components/prism-bash.js";
|
|
3
|
+
import "prismjs/components/prism-jsx.js";
|
|
4
|
+
import "prismjs/components/prism-tsx.js";
|
|
5
|
+
import type { WithStyleProps } from "../types/with-style-props";
|
|
6
|
+
declare const CodeBlock: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CodeBlockBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const CodeBlockCode: import("react").ForwardRefExoticComponent<WithStyleProps & {
|
|
9
|
+
children?: string | undefined;
|
|
10
|
+
highlightLines?: (number | `${number}-${number}`)[] | undefined;
|
|
11
|
+
language?: "html" | "ruby" | "bash" | "cs" | "csharp" | "css" | "dotnet" | "go" | "java" | "javascript" | "js" | "json" | "jsx" | "py" | "python" | "rb" | "rust" | "sh" | "shell" | "ts" | "tsx" | "typescript" | "yaml" | "yml" | undefined;
|
|
12
|
+
showLineNumbers?: boolean | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLPreElement>>;
|
|
14
|
+
declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const CodeBlockTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
|
|
16
|
+
asChild?: boolean | undefined;
|
|
17
|
+
} & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
18
|
+
declare const CodeBlockCopyButton: import("react").ForwardRefExoticComponent<WithStyleProps & {
|
|
19
|
+
onCopy?: ((value: string) => void) | undefined;
|
|
20
|
+
onCopyError?: ((error: unknown) => void) | undefined;
|
|
21
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
type CodeBlockExpanderButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, "children" | "aria-controls" | "aria-expanded">;
|
|
23
|
+
declare const CodeBlockExpanderButton: import("react").ForwardRefExoticComponent<CodeBlockExpanderButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
export { CodeBlock, CodeBlockBody, CodeBlockCode, CodeBlockCopyButton, CodeBlockExpanderButton, CodeBlockHeader, CodeBlockTitle, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A line range is a string in the format of `start-end` where `start` and `end` are line numbers.
|
|
3
|
+
*/
|
|
4
|
+
export type LineRange = `${number}-${number}`;
|
|
5
|
+
/**
|
|
6
|
+
* Given a list of line ranges and numbers, resolves them into a unique list of line numbers as a set.
|
|
7
|
+
*/
|
|
8
|
+
export declare function resolveLineNumbers(...items: (LineRange | number)[]): Set<number>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* List of supported languages for syntax highlighting.
|
|
3
|
+
*/
|
|
4
|
+
declare const supportedLanguages: readonly ["bash", "cs", "csharp", "css", "dotnet", "go", "html", "java", "javascript", "js", "json", "jsx", "py", "python", "rb", "ruby", "rust", "sh", "shell", "ts", "tsx", "typescript", "yaml", "yml"];
|
|
5
|
+
/**
|
|
6
|
+
* Supported languages for syntax highlighting.
|
|
7
|
+
*/
|
|
8
|
+
export type SupportedLanguage = (typeof supportedLanguages)[number];
|
|
9
|
+
/**
|
|
10
|
+
* Type Predicate: checks if an arbitrary value is a supported syntax highlighting language.
|
|
11
|
+
*/
|
|
12
|
+
export declare const isSupportedLanguage: (value: unknown) => value is "html" | "ruby" | "bash" | "cs" | "csharp" | "css" | "dotnet" | "go" | "java" | "javascript" | "js" | "json" | "jsx" | "py" | "python" | "rb" | "rust" | "sh" | "shell" | "ts" | "tsx" | "typescript" | "yaml" | "yml";
|
|
13
|
+
/**
|
|
14
|
+
* Formats a language name into a class name that Prism.js can understand.
|
|
15
|
+
* @default "language-sh"
|
|
16
|
+
*/
|
|
17
|
+
export declare function formatLanguageClassName(language?: SupportedLanguage | undefined): "language-html" | "language-ruby" | "language-bash" | "language-cs" | "language-csharp" | "language-css" | "language-dotnet" | "language-go" | "language-java" | "language-javascript" | "language-js" | "language-json" | "language-jsx" | "language-py" | "language-python" | "language-rb" | "language-rust" | "language-sh" | "language-shell" | "language-ts" | "language-tsx" | "language-typescript" | "language-yaml" | "language-yml";
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as DrawerPrimitive from "@radix-ui/react-dialog";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
import { HTMLAttributes } from "react";
|
|
4
|
+
declare const Drawer: import("react").FC<DrawerPrimitive.DialogProps>;
|
|
5
|
+
declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DrawerPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const DrawerClose: import("react").ForwardRefExoticComponent<DrawerPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const DrawerPortal: import("react").FC<DrawerPrimitive.DialogPortalProps>;
|
|
8
|
+
declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
|
|
10
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const DrawerHeader: {
|
|
13
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const DrawerFooter: {
|
|
17
|
+
({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
21
|
+
declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
22
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
@@ -25,4 +25,3 @@ declare const DropdownMenuShortcut: {
|
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
|
|
28
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { Anchor, anchorClassNames } from "./anchor";
|
|
2
|
+
export { Button } from "./button";
|
|
3
|
+
export { Card, CardBody, CardFooter, CardHeader, CardTitle } from "./card";
|
|
4
|
+
export { CodeBlock, CodeBlockBody, CodeBlockCode, CodeBlockCopyButton, CodeBlockExpanderButton, CodeBlockHeader, CodeBlockTitle, } from "./code-block";
|
|
5
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from "./drawer";
|
|
6
|
+
export { Input } from "./input";
|
|
7
|
+
export { MediaObject, MediaObjectMedia, MediaObjectContent } from "./media-object";
|
|
8
|
+
export { Select, SelectContent, SelectGroup, SelectIcon, SelectLabel, SelectOption, SelectSeparator, SelectTrigger, SelectValue, } from "./select";
|
|
9
|
+
export { Skeleton } from "./skeleton";
|
|
10
|
+
export { PreventWrongThemeFlash, ThemeProvider } from "./theme-provider";
|
|
11
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";
|
|
12
|
+
export { code } from "./code-block/code";
|
|
13
|
+
export { cx } from "./cx";
|
|
14
|
+
export { isTheme, theme, useTheme } from "./theme-provider";
|
|
15
|
+
export type { ButtonProps } from "./button";
|
|
16
|
+
export type { CardProps, CardTitleProps } from "./card";
|
|
17
|
+
export type { InputProps } from "./input";
|
|
18
|
+
export type { AutoComplete, InputType } from "./input/types";
|
|
19
|
+
export type { Theme, ThemeProviderProps } from "./theme-provider";
|
|
20
|
+
export type { WithAsChild } from "./types/as-child";
|
|
21
|
+
export type { WithStyleProps } from "./types/with-style-props";
|
|
@@ -18,4 +18,3 @@ export type AutoComplete = "off" | "on" | "name" | "honorific-prefix" | "given-n
|
|
|
18
18
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
|
|
19
19
|
*/
|
|
20
20
|
export type InputType = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
|
|
21
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -21,4 +21,3 @@ declare const MediaObjectMedia: import("react").ForwardRefExoticComponent<HTMLAt
|
|
|
21
21
|
*/
|
|
22
22
|
declare const MediaObjectContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
23
|
export { MediaObject, MediaObjectMedia, MediaObjectContent };
|
|
24
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -11,4 +11,3 @@ declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<import
|
|
|
11
11
|
declare const SelectOption: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
12
|
declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export { Select, SelectContent, SelectGroup, SelectIcon, SelectLabel, SelectOption, SelectSeparator, SelectTrigger, SelectValue, };
|
|
14
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This plugin adds a `firefox` variant to TailwindCSS.
|
|
3
|
+
*
|
|
4
|
+
* @see https://gist.github.com/samselikoff/b3c5126ee4f4e69e60b0af0aa5bfb2e7
|
|
5
|
+
*/
|
|
6
|
+
declare const firefoxVariantPlugin: {
|
|
7
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
8
|
+
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
|
9
|
+
};
|
|
10
|
+
export default firefoxVariantPlugin;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const preset: {
|
|
2
2
|
content: never[];
|
|
3
3
|
darkMode: "class";
|
|
4
4
|
theme: {
|
|
@@ -28,6 +28,7 @@ declare const _default: {
|
|
|
28
28
|
800: string;
|
|
29
29
|
900: string;
|
|
30
30
|
950: string;
|
|
31
|
+
DEFAULT: string;
|
|
31
32
|
};
|
|
32
33
|
red: {
|
|
33
34
|
50: string;
|
|
@@ -41,6 +42,7 @@ declare const _default: {
|
|
|
41
42
|
800: string;
|
|
42
43
|
900: string;
|
|
43
44
|
950: string;
|
|
45
|
+
DEFAULT: string;
|
|
44
46
|
};
|
|
45
47
|
orange: {
|
|
46
48
|
50: string;
|
|
@@ -54,6 +56,7 @@ declare const _default: {
|
|
|
54
56
|
800: string;
|
|
55
57
|
900: string;
|
|
56
58
|
950: string;
|
|
59
|
+
DEFAULT: string;
|
|
57
60
|
};
|
|
58
61
|
amber: {
|
|
59
62
|
50: string;
|
|
@@ -67,6 +70,7 @@ declare const _default: {
|
|
|
67
70
|
800: string;
|
|
68
71
|
900: string;
|
|
69
72
|
950: string;
|
|
73
|
+
DEFAULT: string;
|
|
70
74
|
};
|
|
71
75
|
yellow: {
|
|
72
76
|
50: string;
|
|
@@ -80,6 +84,7 @@ declare const _default: {
|
|
|
80
84
|
800: string;
|
|
81
85
|
900: string;
|
|
82
86
|
950: string;
|
|
87
|
+
DEFAULT: string;
|
|
83
88
|
};
|
|
84
89
|
lime: {
|
|
85
90
|
50: string;
|
|
@@ -93,6 +98,7 @@ declare const _default: {
|
|
|
93
98
|
800: string;
|
|
94
99
|
900: string;
|
|
95
100
|
950: string;
|
|
101
|
+
DEFAULT: string;
|
|
96
102
|
};
|
|
97
103
|
green: {
|
|
98
104
|
50: string;
|
|
@@ -106,6 +112,7 @@ declare const _default: {
|
|
|
106
112
|
800: string;
|
|
107
113
|
900: string;
|
|
108
114
|
950: string;
|
|
115
|
+
DEFAULT: string;
|
|
109
116
|
};
|
|
110
117
|
teal: {
|
|
111
118
|
50: string;
|
|
@@ -119,6 +126,7 @@ declare const _default: {
|
|
|
119
126
|
800: string;
|
|
120
127
|
900: string;
|
|
121
128
|
950: string;
|
|
129
|
+
DEFAULT: string;
|
|
122
130
|
};
|
|
123
131
|
cyan: {
|
|
124
132
|
50: string;
|
|
@@ -132,6 +140,7 @@ declare const _default: {
|
|
|
132
140
|
800: string;
|
|
133
141
|
900: string;
|
|
134
142
|
950: string;
|
|
143
|
+
DEFAULT: string;
|
|
135
144
|
};
|
|
136
145
|
sky: {
|
|
137
146
|
50: string;
|
|
@@ -145,6 +154,7 @@ declare const _default: {
|
|
|
145
154
|
800: string;
|
|
146
155
|
900: string;
|
|
147
156
|
950: string;
|
|
157
|
+
DEFAULT: string;
|
|
148
158
|
};
|
|
149
159
|
blue: {
|
|
150
160
|
50: string;
|
|
@@ -158,6 +168,7 @@ declare const _default: {
|
|
|
158
168
|
800: string;
|
|
159
169
|
900: string;
|
|
160
170
|
950: string;
|
|
171
|
+
DEFAULT: string;
|
|
161
172
|
};
|
|
162
173
|
indigo: {
|
|
163
174
|
50: string;
|
|
@@ -171,6 +182,7 @@ declare const _default: {
|
|
|
171
182
|
800: string;
|
|
172
183
|
900: string;
|
|
173
184
|
950: string;
|
|
185
|
+
DEFAULT: string;
|
|
174
186
|
};
|
|
175
187
|
violet: {
|
|
176
188
|
50: string;
|
|
@@ -184,6 +196,7 @@ declare const _default: {
|
|
|
184
196
|
800: string;
|
|
185
197
|
900: string;
|
|
186
198
|
950: string;
|
|
199
|
+
DEFAULT: string;
|
|
187
200
|
};
|
|
188
201
|
purple: {
|
|
189
202
|
50: string;
|
|
@@ -197,6 +210,7 @@ declare const _default: {
|
|
|
197
210
|
800: string;
|
|
198
211
|
900: string;
|
|
199
212
|
950: string;
|
|
213
|
+
DEFAULT: string;
|
|
200
214
|
};
|
|
201
215
|
fuchsia: {
|
|
202
216
|
50: string;
|
|
@@ -210,6 +224,7 @@ declare const _default: {
|
|
|
210
224
|
800: string;
|
|
211
225
|
900: string;
|
|
212
226
|
950: string;
|
|
227
|
+
DEFAULT: string;
|
|
213
228
|
};
|
|
214
229
|
pink: {
|
|
215
230
|
50: string;
|
|
@@ -223,6 +238,7 @@ declare const _default: {
|
|
|
223
238
|
800: string;
|
|
224
239
|
900: string;
|
|
225
240
|
950: string;
|
|
241
|
+
DEFAULT: string;
|
|
226
242
|
};
|
|
227
243
|
rose: {
|
|
228
244
|
50: string;
|
|
@@ -236,6 +252,7 @@ declare const _default: {
|
|
|
236
252
|
800: string;
|
|
237
253
|
900: string;
|
|
238
254
|
950: string;
|
|
255
|
+
DEFAULT: string;
|
|
239
256
|
};
|
|
240
257
|
button: string;
|
|
241
258
|
border: string;
|
|
@@ -277,6 +294,9 @@ declare const _default: {
|
|
|
277
294
|
md: string;
|
|
278
295
|
sm: string;
|
|
279
296
|
};
|
|
297
|
+
transitionProperty: {
|
|
298
|
+
"max-height": string;
|
|
299
|
+
};
|
|
280
300
|
keyframes: {
|
|
281
301
|
"accordion-down": {
|
|
282
302
|
from: {
|
|
@@ -301,9 +321,12 @@ declare const _default: {
|
|
|
301
321
|
};
|
|
302
322
|
};
|
|
303
323
|
};
|
|
304
|
-
plugins: {
|
|
324
|
+
plugins: ({
|
|
325
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
326
|
+
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
|
327
|
+
} | {
|
|
305
328
|
handler: () => void;
|
|
306
|
-
}[];
|
|
329
|
+
})[];
|
|
307
330
|
};
|
|
308
|
-
export
|
|
309
|
-
|
|
331
|
+
export type Preset = typeof preset;
|
|
332
|
+
export default preset;
|
|
@@ -10,7 +10,7 @@ type Theme = (typeof themes)[number];
|
|
|
10
10
|
/**
|
|
11
11
|
* theme is a helper which translates the Theme type into a string literal type.
|
|
12
12
|
*/
|
|
13
|
-
|
|
13
|
+
declare const theme: (value: Theme) => "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast";
|
|
14
14
|
/**
|
|
15
15
|
* Type predicate that checks if a value is a valid theme.
|
|
16
16
|
*/
|
|
@@ -35,19 +35,19 @@ declare function ThemeProvider({ children, defaultTheme, storageKey }: ThemeProv
|
|
|
35
35
|
declare function useTheme(): ThemeProviderState;
|
|
36
36
|
/**
|
|
37
37
|
* determineThemeFromMediaQuery returns the theme that should be used based on the user's media query preferences.
|
|
38
|
+
* @private
|
|
38
39
|
*/
|
|
39
40
|
export declare function determineThemeFromMediaQuery({ prefersDarkMode, prefersContrastMore, }: {
|
|
40
41
|
prefersDarkMode: boolean;
|
|
41
42
|
prefersContrastMore: boolean;
|
|
42
|
-
}): "
|
|
43
|
+
}): "dark" | "light" | "light-high-contrast" | "dark-high-contrast";
|
|
43
44
|
/**
|
|
44
45
|
* PreventWrongThemeFlash is a React component that prevents the wrong theme from flashing on initial page load.
|
|
45
46
|
* Render as high as possible in the DOM, preferably in the <head> element.
|
|
46
47
|
*/
|
|
47
48
|
declare const PreventWrongThemeFlash: ({ defaultTheme, storageKey, }: {
|
|
48
|
-
defaultTheme?: "
|
|
49
|
+
defaultTheme?: "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast" | undefined;
|
|
49
50
|
storageKey?: string | undefined;
|
|
50
51
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
51
52
|
export type { Theme, ThemeProviderProps };
|
|
52
|
-
export {
|
|
53
|
-
//# sourceMappingURL=index.d.ts.map
|
|
53
|
+
export { isTheme, PreventWrongThemeFlash, ThemeProvider, theme, useTheme };
|
|
@@ -4,4 +4,3 @@ declare const Tooltip: import("react").FC<import("@radix-ui/react-tooltip").Tool
|
|
|
4
4
|
declare const TooltipTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -6,4 +6,3 @@ import type { DeepNonNullable } from "./deep-non-nullable";
|
|
|
6
6
|
* Using VariantProps directly from CVA produces that can be `null`, which is not what we want.
|
|
7
7
|
*/
|
|
8
8
|
export type VariantProps<Variants extends (props?: Record<PropertyKey, unknown> | undefined) => string> = Partial<DeepNonNullable<CVAVariantProps<Variants>>>;
|
|
9
|
-
//# sourceMappingURL=variant-props.d.ts.map
|