@povio/ui 2.3.0-rc.39 → 2.3.0-rc.40

package/dist/components/inputs/shared/InputClear.js

@@ -1,4 +1,5 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
+import { UIConfig } from "../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../config/i18n.js";
 import { c } from "react/compiler-runtime";
@@ -7,84 +8,93 @@ import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/shared/InputClear.tsx
 var InputClear = (t0) => {
-	const $ = c(11);
+	const $ = c(12);
 	const { onClear, className, style, show, renderStatic } = t0;
-	if (renderStatic) {
-		const t1 = !show && "invisible!";
-		let t2;
-		if ($[0] !== className || $[1] !== t1) {
-			t2 = clsx("invisible relative z-1 flex items-center size-6 shrink-0", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", t1, className);
-			$[0] = className;
-			$[1] = t1;
-			$[2] = t2;
-		} else t2 = $[2];
-		let t3;
-		if ($[3] !== style || $[4] !== t2) {
-			t3 = /* @__PURE__ */ jsx("button", {
-				className: t2,
-				style
-			});
-			$[3] = style;
-			$[4] = t2;
-			$[5] = t3;
-		} else t3 = $[5];
-		return t3;
-	}
+	const alwaysShowClear = UIConfig.useConfig().input.alwaysShowClear;
+	let clearClassName;
 	let t1;
-	if ($[6] !== className || $[7] !== onClear || $[8] !== show || $[9] !== style) {
-		t1 = /* @__PURE__ */ jsx(InputClearButton, {
+	if ($[0] !== alwaysShowClear || $[1] !== className || $[2] !== renderStatic || $[3] !== show || $[4] !== style) {
+		t1 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			clearClassName = clsx("relative z-1 flex items-center", !alwaysShowClear && "md:invisible group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", !show && "invisible!", className);
+			if (renderStatic) {
+				let t2;
+				if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+					t2 = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6 shrink-0" });
+					$[7] = t2;
+				} else t2 = $[7];
+				t1 = /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-hidden": "true",
+					tabIndex: -1,
+					className: clsx("group inline-flex items-center justify-center border border-solid border-support-transparent-outline", "rounded-button-rounding-s p-0 text-interactive-text-secondary-idle", clearClassName),
+					style,
+					children: t2
+				});
+				break bb0;
+			}
+		}
+		$[0] = alwaysShowClear;
+		$[1] = className;
+		$[2] = renderStatic;
+		$[3] = show;
+		$[4] = style;
+		$[5] = clearClassName;
+		$[6] = t1;
+	} else {
+		clearClassName = $[5];
+		t1 = $[6];
+	}
+	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
+	let t2;
+	if ($[8] !== clearClassName || $[9] !== onClear || $[10] !== style) {
+		t2 = /* @__PURE__ */ jsx(InputClearButton, {
 			onClear,
-			className,
-			style,
-			show
+			className: clearClassName,
+			style
 		});
-		$[6] = className;
-		$[7] = onClear;
-		$[8] = show;
-		$[9] = style;
-		$[10] = t1;
-	} else t1 = $[10];
-	return t1;
+		$[8] = clearClassName;
+		$[9] = onClear;
+		$[10] = style;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
 };
 var InputClearButton = (t0) => {
-	const $ = c(10);
-	const { onClear, className, style, show } = t0;
+	const $ = c(7);
+	const { onClear, className, style } = t0;
 	const { t } = useTranslation("ui");
-	const t1 = !show && "invisible!";
-	let t2;
-	if ($[0] !== className || $[1] !== t1) {
-		t2 = clsx("invisible relative z-1 flex items-center", "group-focus-within:visible group-hover/date-picker-content:visible group-hover/select-content:visible group-hover/text-area:visible group-hover:visible", "border-0!", t1, className);
-		$[0] = className;
+	let t1;
+	if ($[0] !== t) {
+		t1 = t(_temp);
+		$[0] = t;
 		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== t) {
-		t3 = t(_temp);
-		$[3] = t;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== onClear || $[6] !== style || $[7] !== t2 || $[8] !== t3) {
-		t4 = /* @__PURE__ */ jsx(InlineIconButton, {
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== className || $[3] !== onClear || $[4] !== style || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(InlineIconButton, {
 			color: "secondary",
-			className: t2,
-			label: t3,
+			className,
+			label: t1,
 			icon: CloseIcon,
 			onPress: onClear,
+			onMouseDown: _temp2,
 			excludeFromTabOrder: true,
 			style
 		});
-		$[5] = onClear;
-		$[6] = style;
-		$[7] = t2;
-		$[8] = t3;
-		$[9] = t4;
-	} else t4 = $[9];
-	return t4;
+		$[2] = className;
+		$[3] = onClear;
+		$[4] = style;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 function _temp($) {
 	return $.ui.clearAlt;
 }
+function _temp2(e) {
+	return e.preventDefault();
+}
 //#endregion
 export { InputClear };

package/dist/components/inputs/shared/input.cva.js

@@ -36,9 +36,11 @@ var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
 				"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
 				"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
-				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-1",
-				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-1",
+				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
+				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
 				"placeholder:text-text-default-3",
+				"disabled:placeholder:text-interactive-text-secondary-disabled",
+				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
 				"focus-visible:outline-interactive-contained-primary-focus",
 				"has-focus-visible:outline-interactive-contained-primary-focus"
 			]
@@ -52,9 +54,11 @@ var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 				"focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
 				"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
 				"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
-				"disabled:bg-input-filled-disabled disabled:text-text-default-1",
-				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
+				"disabled:bg-input-filled-disabled disabled:text-text-default-3",
+				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
 				"placeholder:text-text-default-3",
+				"disabled:placeholder:text-interactive-text-secondary-disabled",
+				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
 				"focus-visible:outline-interactive-contained-primary-focus",
 				"has-focus-visible:outline-interactive-contained-primary-focus"
 			]
@@ -68,9 +72,11 @@ var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
 				"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
 				"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
-				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-1",
-				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-1",
+				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
+				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
 				"placeholder:text-text-default-3",
+				"disabled:placeholder:text-interactive-text-secondary-disabled",
+				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
 				"focus-visible:outline-interactive-contained-primary-focus",
 				"has-focus-visible:outline-interactive-contained-primary-focus"
 			]
@@ -84,9 +90,11 @@ var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-idle focus-within:text-text-default-1",
 				"invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
 				"has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
-				"disabled:bg-input-filled-disabled disabled:text-text-default-1",
-				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
+				"disabled:bg-input-filled-disabled disabled:text-text-default-3",
+				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
 				"placeholder:text-text-default-3",
+				"disabled:placeholder:text-interactive-text-secondary-disabled",
+				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
 				"focus-visible:outline-interactive-contained-primary-focus",
 				"has-focus-visible:outline-interactive-contained-primary-focus"
 			]
@@ -100,9 +108,11 @@ var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 				"focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
 				"invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
 				"has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
-				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-1",
-				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-1",
+				"disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
+				"has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
 				"placeholder:text-text-default-3",
+				"disabled:placeholder:text-interactive-text-secondary-disabled",
+				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
 				"focus-visible:outline-interactive-contained-primary-focus",
 				"has-focus-visible:outline-interactive-contained-primary-focus"
 			]
@@ -119,6 +129,8 @@ var inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 				"disabled:bg-input-filled-disabled disabled:text-text-default-1",
 				"has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
 				"placeholder:text-text-default-3",
+				"disabled:placeholder:text-interactive-text-secondary-disabled",
+				"has-disabled:placeholder:text-interactive-text-secondary-disabled",
 				"focus-visible:outline-interactive-contained-primary-focus",
 				"has-focus-visible:outline-interactive-contained-primary-focus"
 			]

package/dist/components/inputs/shared/label.cva.js

@@ -3,8 +3,8 @@ import { cva } from "class-variance-authority";
 //#region src/components/inputs/shared/label.cva.ts
 var labelBase = cva("", {
 	variants: { as: {
-		default: ["flex items-start gap-1 text-text-default-1"],
-		filter: ["text-text-default-1"],
+		default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"],
+		filter: ["text-text-default-1 input-disabled:text-text-default-3"],
 		inline: ["flex items-start gap-1 text-text-default-1"],
 		floating: [
 			"pointer-events-none",

package/dist/components/overlays/BottomSheet/BottomSheet.js

@@ -27,6 +27,7 @@ var staticTransition = {
 		1
 	]
 };
+var KEYBOARD_INSET_THRESHOLD = 48;
 var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = true, isScrollable = true, height = "full", label, portalContainerRef, children, footer, hideHeader, hideThumb: hideThumbProp, sheetMarginTop = 96, sheetMarginBottom = 128, closeDragThreshold: closeDragThresholdProp, closeVelocityThreshold: closeVelocityThresholdProp, shouldCloseOnInteractOutside, containerClassName, overlayClassName, headerTypography: headerTypographyProp }) => {
 	const uiConfig = UIConfig.useConfig();
 	const closeDragThreshold = closeDragThresholdProp ?? uiConfig.bottomSheet.closeDragThreshold;
@@ -49,6 +50,27 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 	const focusTrapRef = useRef(null);
 	const [footerElement, footerRef, setFooterElement] = useStateAndRef(null);
 	const [footerHeight, setFooterHeight] = useState(0);
+	const [keyboardInset, setKeyboardInset] = useState(0);
+	useEffect(() => {
+		if (!isOpen) {
+			setKeyboardInset(0);
+			return;
+		}
+		const vv = window.visualViewport;
+		if (!vv) return;
+		const update = () => {
+			const naturalHeight = vv.height * Math.max(vv.scale, 1);
+			const next = Math.max(0, window.innerHeight - naturalHeight);
+			setKeyboardInset(next > KEYBOARD_INSET_THRESHOLD ? Math.round(next) : 0);
+		};
+		update();
+		vv.addEventListener("resize", update);
+		vv.addEventListener("scroll", update);
+		return () => {
+			vv.removeEventListener("resize", update);
+			vv.removeEventListener("scroll", update);
+		};
+	}, [isOpen]);
 	useEffect(() => {
 		if (!footerElement) return;
 		const onResize = () => {
@@ -78,6 +100,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 		isOpen: true,
 		UNSTABLE_portalContainer: portalContainerRef?.current,
 		className: clsx("fixed top-0 left-0 z-10 w-screen h-dvh", containerClassName),
+		style: { "--bottom-sheet-keyboard-inset": `${keyboardInset}px` },
 		onOpenChange,
 		isDismissable,
 		ref: overlayRef,
@@ -111,7 +134,8 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 			transition: staticTransition,
 			style: {
 				y,
-				minHeight: "100%"
+				height: "calc(100dvh - var(--bottom-sheet-keyboard-inset, 0px))",
+				minHeight: "calc(100dvh - var(--bottom-sheet-keyboard-inset, 0px))"
 			},
 			drag: "y",
 			dragListener: false,
@@ -189,7 +213,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = tr
 						initial: { opacity: 0 },
 						exit: { opacity: 0 },
 						ref: setFooterElement,
-						className: clsx("pointer-events-auto absolute z-50 w-full bg-elevation-fill-default-2", "top-[100dvh] left-0 translate-y-[calc(-100%-var(--scroll-position,0px))]"),
+						className: clsx("pointer-events-auto absolute z-50 w-full bg-elevation-fill-default-2", "top-[calc(100dvh-var(--bottom-sheet-keyboard-inset,0))] left-0 translate-y-[calc(-100%-var(--scroll-position,0))]"),
 						children: footer
 					})
 				] })

package/dist/config/uiConfig.context.d.ts

@@ -20,7 +20,9 @@ export declare namespace UIConfig {
     };
     export interface Options {
         renderStaticInput: boolean;
-        input: Pick<TextInputProps, "variant" | "isClearable" | "hideLabel" | "as" | "size">;
+        input: Pick<TextInputProps, "variant" | "isClearable" | "hideLabel" | "as" | "size"> & {
+            alwaysShowClear?: boolean;
+        };
         button: Pick<ButtonProps, "variant" | "size">;
         numberInput: Pick<NumberInputProps, "formatOptions">;
         radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel" | "fireBlurOnChange">;

package/dist/config/uiConfig.context.js

@@ -16,7 +16,8 @@ var UIConfig;
 			as: "default",
 			size: "default",
 			isClearable: false,
-			hideLabel: false
+			hideLabel: false,
+			alwaysShowClear: false
 		},
 		button: {
 			variant: "contained",

package/dist/tw-ui-plugin.js

@@ -13,12 +13,17 @@ var uiPlugin = plugin(({ addVariant }) => {
 	].join(", "));
 	addVariant("input-disabled", [
 		"&:is(:where(.group\\/input-content):has(*:is(input:disabled)) *)",
+		"&:is(:where(.group):has(*:is(input:disabled)) *)",
 		"&:is(:where(.group\\/select-content)[data-disabled] *)",
 		"&:is(:where(.group\\/select-content):has(*:is(input:disabled)) *)",
+		"&:is(:where(.group):has([data-disabled]) *)",
 		"&:is(:where(.group\\/radio-group-content)[data-disabled] *)",
 		"&:is(:where(.group\\/text-area):has(*:is(textarea:disabled)) *)",
+		"&:is(:where(.group):has(*:is(textarea:disabled)) *)",
 		"&:is(:where(.group\\/text-editor):where([data-rac])[data-disabled] *)",
-		"&:is(:where(.group\\/date-picker-content):where([data-rac])[data-disabled] *)"
+		"&:is(:where(.group):where([data-rac])[data-disabled] *)",
+		"&:is(:where(.group\\/date-picker-content):where([data-rac])[data-disabled] *)",
+		"&:is(:where(.group):where([data-rac])[data-disabled] *)"
 	].join(", "));
 });
 //#endregion

package/dist/utils/date-time.utils.d.ts

@@ -15,10 +15,15 @@ export declare namespace DateTimeUtils {
     export function getDateRangePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
     export function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function formatCalendarDatePartsLocalized(calendarDate?: CalendarDate | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
+    export function formatCalendarDateTimePartsLocalized(calendarDateTime?: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute"> | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
     export function formatTimeLocalized(timeValue: {
         hour: number;
         minute: number;
     }, locale?: string): string;
+    export function formatTimePartsLocalized(timeValue?: {
+        hour: number;
+        minute: number;
+    } | null, locale?: string): LocalizedDatePart[];
     export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
     export function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;

package/dist/utils/date-time.utils.js

@@ -110,11 +110,21 @@ var DateTimeUtils;
 		return formatLocalizedDatePartList(getDateFormatter(locale, options), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate);
 	}
 	_DateTimeUtils.formatCalendarDatePartsLocalized = formatCalendarDatePartsLocalized;
+	function formatCalendarDateTimePartsLocalized(calendarDateTime, locale, options) {
+		const normalizedValue = calendarDateTime ? new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute) : null;
+		return formatLocalizedDatePartList(getDateTimeFormatter(locale, options), normalizedValue?.toDate("UTC") ?? TIME_SAMPLE_DATE_UTC, !calendarDateTime);
+	}
+	_DateTimeUtils.formatCalendarDateTimePartsLocalized = formatCalendarDateTimePartsLocalized;
 	function formatTimeLocalized(timeValue, locale) {
 		const dateTime = new CalendarDateTime(2e3, 11, 22, timeValue.hour, timeValue.minute);
 		return getTimeFormatter(locale).format(dateTime.toDate("UTC"));
 	}
 	_DateTimeUtils.formatTimeLocalized = formatTimeLocalized;
+	function formatTimePartsLocalized(timeValue, locale) {
+		const normalizedValue = new CalendarDateTime(2e3, 11, 22, timeValue?.hour ?? 6, timeValue?.minute ?? 45);
+		return formatLocalizedDatePartList(getTimeFormatter(locale), normalizedValue.toDate("UTC"), !timeValue);
+	}
+	_DateTimeUtils.formatTimePartsLocalized = formatTimePartsLocalized;
 	function formatCalendarDateTimeLocalized(calendarDateTime, locale, options) {
 		const normalizedValue = new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute);
 		return formatLocalizedDateParts(getDateTimeFormatter(locale, options), normalizedValue.toDate("UTC"));

package/dist/utils/dom.utils.js

@@ -9,7 +9,7 @@ var DomUtils;
 		"image"
 	]);
 	_DomUtils.isKeyboardInput = (elem) => {
-		return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.hasAttribute("contenteditable");
+		return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.tagName === "TEXTAREA" || elem.hasAttribute("contenteditable");
 	};
 	_DomUtils.isKeyboardEvent = (event) => {
 		return event.nativeEvent instanceof KeyboardEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.3.0-rc.39",
+  "version": "2.3.0-rc.40",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",