@ngrok/mantle 0.0.1-alpha.2 → 0.0.1-alpha.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.
- package/dist/back-to-top-button/index.d.ts +1 -0
- package/dist/back-to-top-button/index.d.ts.map +1 -0
- package/dist/button/index.d.ts +1 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/card/index.d.ts +1 -0
- package/dist/card/index.d.ts.map +1 -0
- package/dist/core/tailwind.preset.d.ts +1 -0
- package/dist/core/tailwind.preset.d.ts.map +1 -0
- package/dist/cx/index.d.ts +1 -0
- package/dist/cx/index.d.ts.map +1 -0
- package/dist/dropdown-menu/index.d.ts +1 -0
- package/dist/dropdown-menu/index.d.ts.map +1 -0
- package/dist/hooks/use-matches-media-query.d.ts +1 -0
- package/dist/hooks/use-matches-media-query.d.ts.map +1 -0
- package/dist/hooks/use-prefers-reduced-motion.d.ts +1 -0
- package/dist/hooks/use-prefers-reduced-motion.d.ts.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9 -0
- package/dist/input/index.d.ts +2 -1
- package/dist/input/index.d.ts.map +1 -0
- package/dist/{types/input.d.ts → input/types.d.ts} +1 -0
- package/dist/input/types.d.ts.map +1 -0
- package/dist/media-object/index.d.ts +5 -5
- package/dist/media-object/index.d.ts.map +1 -0
- package/dist/media-object/index.js +4 -3
- package/dist/portal/index.d.ts +1 -0
- package/dist/portal/index.d.ts.map +1 -0
- package/dist/select/index.d.ts +1 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/theme-provider/index.d.ts +9 -7
- package/dist/theme-provider/index.d.ts.map +1 -0
- package/dist/theme-provider/index.js +5 -4
- package/dist/tooltip/index.d.ts +1 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/types/as-child.d.ts +1 -0
- package/dist/types/as-child.d.ts.map +1 -0
- package/dist/types/deep-non-nullable.d.ts +1 -0
- package/dist/types/deep-non-nullable.d.ts.map +1 -0
- package/dist/types/variant-props.d.ts +1 -0
- package/dist/types/variant-props.d.ts.map +1 -0
- package/dist/types/with-style-props.d.ts +1 -0
- package/dist/types/with-style-props.d.ts.map +1 -0
- package/package.json +5 -4
- /package/dist/{types/input.js → input/types.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/back-to-top-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,aAAa,EAAa,MAAM,OAAO,CAAC;AAM9D,KAAK,KAAK,GAAG;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,0CAAiD,KAAK,4CAuCjF,CAAC"}
|
package/dist/button/index.d.ts
CHANGED
|
@@ -25,3 +25,4 @@ 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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAK9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,QAAA,MAAM,cAAc;;;;8EA2CnB,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,cAAc,CAAC;AAEjG;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;;;;qIAMX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/card/index.d.ts
CHANGED
|
@@ -23,3 +23,4 @@ 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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,IAAI,sGAIf,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,QAAQ,sGAInB,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,UAAU,sGAIrB,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,UAAU,sGAIrB,CAAC;AAGH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG,WAAW,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,SAAS,mJAGpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind.preset.d.ts","sourceRoot":"","sources":["../../components/core/tailwind.preset.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAwSmB"}
|
package/dist/cx/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/cx/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;;;GAIG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
|
@@ -25,3 +25,4 @@ 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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/dropdown-menu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAQvE,QAAA,MAAM,YAAY,6DAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,8IAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,yIAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,mEAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,gEAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,8IAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;;kDAkB1B,CAAC;AAGH,QAAA,MAAM,sBAAsB,2MAY1B,CAAC;AAGH,QAAA,MAAM,mBAAmB,wMAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;;kDAepB,CAAC;AAGH,QAAA,MAAM,wBAAwB,6MAoB5B,CAAC;AAGH,QAAA,MAAM,qBAAqB,0MAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;;kDAWrB,CAAC;AAGH,QAAA,MAAM,qBAAqB,0MAKzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAA6B,MAAM,cAAc,CAAC,eAAe,CAAC;;CAE3F,CAAC;AAGF,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-matches-media-query.d.ts","sourceRoot":"","sources":["../../components/hooks/use-matches-media-query.tsx"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,cAAc,GAAG,OAAO,CAyBxE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-prefers-reduced-motion.d.ts","sourceRoot":"","sources":["../../components/hooks/use-prefers-reduced-motion.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,wBAAgB,uBAAuB,YAuBtC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export { Button } from "./button";
|
|
2
|
+
export { Card, CardBody, CardFooter, CardHeader, CardTitle } from "./card";
|
|
3
|
+
export { default as TailwindPreset } from "./core/tailwind.preset";
|
|
4
|
+
export { cx } from "./cx";
|
|
5
|
+
export { Input } from "./input";
|
|
6
|
+
export { MediaObject, MediaObjectMedia, MediaObjectContent } from "./media-object";
|
|
7
|
+
export { ThemeProvider, PreventWrongThemeFlash, isTheme, useTheme } from "./theme-provider";
|
|
8
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";
|
|
9
|
+
export type { ButtonProps } from "./button";
|
|
10
|
+
export type { CardProps, CardTitleProps } from "./card";
|
|
11
|
+
export type { InputProps } from "./input";
|
|
12
|
+
export type { AutoComplete, InputType } from "./input/types";
|
|
13
|
+
export type { Theme, ThemeProviderProps } from "./theme-provider";
|
|
14
|
+
export type { WithAsChild } from "./types/as-child";
|
|
15
|
+
export type { WithStyleProps } from "./types/with-style-props";
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrF,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
// component exports
|
|
2
|
+
export { Button } from "./button";
|
|
3
|
+
export { Card, CardBody, CardFooter, CardHeader, CardTitle } from "./card";
|
|
4
|
+
export { default as TailwindPreset } from "./core/tailwind.preset";
|
|
5
|
+
export { cx } from "./cx";
|
|
6
|
+
export { Input } from "./input";
|
|
7
|
+
export { MediaObject, MediaObjectMedia, MediaObjectContent } from "./media-object";
|
|
8
|
+
export { ThemeProvider, PreventWrongThemeFlash, isTheme, useTheme } from "./theme-provider";
|
|
9
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";
|
package/dist/input/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { InputHTMLAttributes } from "react";
|
|
2
2
|
import type { VariantProps } from "../types/variant-props";
|
|
3
|
-
import type { AutoComplete, InputType } from "
|
|
3
|
+
import type { AutoComplete, InputType } from "./types";
|
|
4
4
|
declare const inputVariants: (props?: ({
|
|
5
5
|
state?: "default" | "danger" | "success" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -22,3 +22,4 @@ declare const Input: import("react").ForwardRefExoticComponent<Partial<import(".
|
|
|
22
22
|
type?: InputType | undefined;
|
|
23
23
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
24
24
|
export { Input };
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,aAAa,GACrC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC,GAAG;IACtE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,KAAK;;;;;oDAIV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -18,3 +18,4 @@ 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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/input/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GACrB,KAAK,GACL,IAAI,GACJ,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,OAAO,GACP,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,eAAe,GACf,MAAM,GACN,KAAK,GACL,OAAO,CAAC;AAEX;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAClB,QAAQ,GACR,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { HTMLAttributes } from "react";
|
|
2
|
-
type Props = HTMLAttributes<HTMLDivElement>;
|
|
3
2
|
/**
|
|
4
3
|
* The media object is an image/icon (media) to the left, with descriptive
|
|
5
4
|
* content (title and subtitle/description) to the right.
|
|
@@ -12,13 +11,14 @@ type Props = HTMLAttributes<HTMLDivElement>;
|
|
|
12
11
|
* Compose the media object with the `MediaObjectMedia` and `MediaObjectContent`
|
|
13
12
|
* components as direct children.
|
|
14
13
|
*/
|
|
15
|
-
|
|
14
|
+
declare const MediaObject: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
16
15
|
/**
|
|
17
16
|
* The container for an image or icon to display in the media slot of the media object.
|
|
18
17
|
*/
|
|
19
|
-
|
|
18
|
+
declare const MediaObjectMedia: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
19
|
/**
|
|
21
20
|
* The container for the content slot of a media object.
|
|
22
21
|
*/
|
|
23
|
-
|
|
24
|
-
export {};
|
|
22
|
+
declare const MediaObjectContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export { MediaObject, MediaObjectMedia, MediaObjectContent };
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/media-object/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,WAAW,2HAMhB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,2HAMrB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,kBAAkB,2HAMvB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -13,15 +13,16 @@ import { cx } from "../cx";
|
|
|
13
13
|
* Compose the media object with the `MediaObjectMedia` and `MediaObjectContent`
|
|
14
14
|
* components as direct children.
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
const MediaObject = forwardRef(({ className, children, style }, ref) => (_jsx("div", { ref: ref, className: cx("flex gap-4", className), style: style, children: children })));
|
|
17
17
|
MediaObject.displayName = "MediaObject";
|
|
18
18
|
/**
|
|
19
19
|
* The container for an image or icon to display in the media slot of the media object.
|
|
20
20
|
*/
|
|
21
|
-
|
|
21
|
+
const MediaObjectMedia = forwardRef(({ className, children, style }, ref) => (_jsx("div", { ref: ref, className: cx("shrink-0 leading-none", className), style: style, children: children })));
|
|
22
22
|
MediaObjectMedia.displayName = "MediaObjectMedia";
|
|
23
23
|
/**
|
|
24
24
|
* The container for the content slot of a media object.
|
|
25
25
|
*/
|
|
26
|
-
|
|
26
|
+
const MediaObjectContent = forwardRef(({ className, children, style }, ref) => (_jsx("div", { ref: ref, className: cx("min-w-0 flex-1", className), style: style, children: children })));
|
|
27
27
|
MediaObjectContent.displayName = "MediaObjectContent";
|
|
28
|
+
export { MediaObject, MediaObjectMedia, MediaObjectContent };
|
package/dist/portal/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,CAAC,CAAC;AAEnE,eAAO,MAAM,MAAM,4BAA6B,KAAK,4CAAgE,CAAC"}
|
package/dist/select/index.d.ts
CHANGED
|
@@ -11,3 +11,4 @@ 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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/select/index.tsx"],"names":[],"mappings":";AAsBA,QAAA,MAAM,MAAM,kEAAO,CAAC;AAEpB,QAAA,MAAM,WAAW,8IAAQ,CAAC;AAE1B,QAAA,MAAM,WAAW,+IAAQ,CAAC;AAE1B,QAAA,MAAM,UAAU,8IAAO,CAAC;AAExB,QAAA,MAAM,aAAa;;qDAmBjB,CAAC;AAGH,QAAA,MAAM,aAAa,6MA0BlB,CAAC;AAGF,QAAA,MAAM,WAAW,2MAIhB,CAAC;AAGF,QAAA,MAAM,YAAY,0MAkBjB,CAAC;AAGF,QAAA,MAAM,eAAe,+MAIpB,CAAC;AAGF,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,aAAa,EACb,WAAW,GACX,CAAC"}
|
|
@@ -6,7 +6,7 @@ declare const themes: readonly ["system", "light", "dark", "light-high-contrast"
|
|
|
6
6
|
/**
|
|
7
7
|
* Theme is a string literal type that represents a valid theme.
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
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
|
*/
|
|
@@ -14,25 +14,25 @@ export declare const theme: (value: Theme) => "light" | "system" | "dark" | "lig
|
|
|
14
14
|
/**
|
|
15
15
|
* Type predicate that checks if a value is a valid theme.
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
declare function isTheme(value: unknown): value is Theme;
|
|
18
18
|
/**
|
|
19
19
|
* ThemeProviderState is the shape of the state returned by the ThemeProviderContext.
|
|
20
20
|
*/
|
|
21
21
|
type ThemeProviderState = [theme: Theme, setTheme: (theme: Theme) => void];
|
|
22
|
-
type
|
|
22
|
+
type ThemeProviderProps = PropsWithChildren & {
|
|
23
23
|
defaultTheme?: Theme;
|
|
24
24
|
storageKey?: string;
|
|
25
25
|
};
|
|
26
26
|
/**
|
|
27
27
|
* ThemeProvider is a React Context Provider that provides the current theme and a function to set the theme.
|
|
28
28
|
*/
|
|
29
|
-
|
|
29
|
+
declare function ThemeProvider({ children, defaultTheme, storageKey }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
/**
|
|
31
31
|
* useTheme returns the current theme and a function to set the theme.
|
|
32
32
|
*
|
|
33
33
|
* @note This function will throw an error if used outside of a ThemeProvider context tree.
|
|
34
34
|
*/
|
|
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
38
|
*/
|
|
@@ -44,8 +44,10 @@ export declare function determineThemeFromMediaQuery({ prefersDarkMode, prefersC
|
|
|
44
44
|
* PreventWrongThemeFlash is a React component that prevents the wrong theme from flashing on initial page load.
|
|
45
45
|
* Render as high as possible in the DOM, preferably in the <head> element.
|
|
46
46
|
*/
|
|
47
|
-
|
|
47
|
+
declare const PreventWrongThemeFlash: ({ defaultTheme, storageKey, }: {
|
|
48
48
|
defaultTheme?: "light" | "system" | "dark" | "light-high-contrast" | "dark-high-contrast" | undefined;
|
|
49
49
|
storageKey?: string | undefined;
|
|
50
50
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
51
|
-
export {};
|
|
51
|
+
export type { Theme, ThemeProviderProps };
|
|
52
|
+
export { ThemeProvider, PreventWrongThemeFlash, isTheme, useTheme };
|
|
53
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/theme-provider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc/C;;GAEG;AACH,QAAA,MAAM,MAAM,mFAAoF,CAAC;AAEjG;;GAEG;AACH,KAAK,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAErC;;GAEG;AACH,eAAO,MAAM,KAAK,UAAW,KAAK,+EAAU,CAAC;AAE7C;;GAEG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,CAM/C;AAOD;;GAEG;AACH,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC;AA4B3E,KAAK,kBAAkB,GAAG,iBAAiB,GAAG;IAC7C,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAuB,EAAE,UAAgC,EAAE,EAAE,kBAAkB,2CA4BjH;AAED;;;;GAIG;AACH,iBAAS,QAAQ,uBAMhB;AAmBD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,EAC5C,eAAe,EACf,mBAAmB,GACnB,EAAE;IACF,eAAe,EAAE,OAAO,CAAC;IACzB,mBAAmB,EAAE,OAAO,CAAC;CAC7B,mEAMA;AAED;;;GAGG;AACH,QAAA,MAAM,sBAAsB;;;6CAkC3B,CAAC;AAEF,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -20,7 +20,7 @@ export const theme = (value) => value;
|
|
|
20
20
|
/**
|
|
21
21
|
* Type predicate that checks if a value is a valid theme.
|
|
22
22
|
*/
|
|
23
|
-
|
|
23
|
+
function isTheme(value) {
|
|
24
24
|
if (typeof value !== "string") {
|
|
25
25
|
return false;
|
|
26
26
|
}
|
|
@@ -55,7 +55,7 @@ function determineInitialTheme(defaultTheme, storageKey) {
|
|
|
55
55
|
/**
|
|
56
56
|
* ThemeProvider is a React Context Provider that provides the current theme and a function to set the theme.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
function ThemeProvider({ children, defaultTheme = "system", storageKey = DEFAULT_STORAGE_KEY }) {
|
|
59
59
|
const [theme, setTheme] = useState(() => {
|
|
60
60
|
const initialTheme = determineInitialTheme(defaultTheme, storageKey);
|
|
61
61
|
applyTheme(initialTheme);
|
|
@@ -83,7 +83,7 @@ export function ThemeProvider({ children, defaultTheme = "system", storageKey =
|
|
|
83
83
|
*
|
|
84
84
|
* @note This function will throw an error if used outside of a ThemeProvider context tree.
|
|
85
85
|
*/
|
|
86
|
-
|
|
86
|
+
function useTheme() {
|
|
87
87
|
const context = useContext(ThemeProviderContext);
|
|
88
88
|
invariant(context, "useTheme must be used within a ThemeProvider");
|
|
89
89
|
return context;
|
|
@@ -116,7 +116,7 @@ export function determineThemeFromMediaQuery({ prefersDarkMode, prefersContrastM
|
|
|
116
116
|
* PreventWrongThemeFlash is a React component that prevents the wrong theme from flashing on initial page load.
|
|
117
117
|
* Render as high as possible in the DOM, preferably in the <head> element.
|
|
118
118
|
*/
|
|
119
|
-
|
|
119
|
+
const PreventWrongThemeFlash = ({ defaultTheme = "system", storageKey = DEFAULT_STORAGE_KEY, }) => (_jsx("script", { dangerouslySetInnerHTML: {
|
|
120
120
|
__html: `
|
|
121
121
|
(function() {
|
|
122
122
|
const themes = ${JSON.stringify(themes)};
|
|
@@ -141,3 +141,4 @@ export const PreventWrongThemeFlash = ({ defaultTheme = "system", storageKey = D
|
|
|
141
141
|
})();
|
|
142
142
|
`.trim(),
|
|
143
143
|
} }));
|
|
144
|
+
export { ThemeProvider, PreventWrongThemeFlash, isTheme, useTheme };
|
package/dist/tooltip/index.d.ts
CHANGED
|
@@ -4,3 +4,4 @@ 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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/tooltip/index.tsx"],"names":[],"mappings":";AAKA,QAAA,MAAM,eAAe,4EAAW,CAAC;AAEjC,QAAA,MAAM,OAAO,oEAAO,CAAC;AAErB,QAAA,MAAM,cAAc,qJAAU,CAAC;AAE/B,QAAA,MAAM,cAAc,+MAYnB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/types/as-child.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"as-child.d.ts","sourceRoot":"","sources":["../../components/types/as-child.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deep-non-nullable.d.ts","sourceRoot":"","sources":["../../components/types/deep-non-nullable.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,IAAI,IAAI;KAClC,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;CAC/C,CAAC"}
|
|
@@ -6,3 +6,4 @@ 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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variant-props.d.ts","sourceRoot":"","sources":["../../components/types/variant-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;;;GAIG;AACH,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,SAAS,KAAK,MAAM,IAAI,OAAO,CAChH,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAC1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"with-style-props.d.ts","sourceRoot":"","sources":["../../components/types/with-style-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ngrok/mantle",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.4",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"browserslist": [
|
|
7
7
|
"last 2 years, not dead, > 0.2%"
|
|
8
8
|
],
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
"main": "dist/index.js",
|
|
10
|
+
"module": "dist/index.js",
|
|
11
|
+
"exports": "./dist/index.js",
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
12
13
|
"files": [
|
|
13
14
|
"dist"
|
|
14
15
|
],
|
|
File without changes
|