@jig-ui/react 0.1.0

package/dist/tokens.js

@@ -0,0 +1,577 @@
+//#region ../styles/dist/vars.js
+var e = {
+	black: "var(--color-black)",
+	blue: {
+		0: "var(--color-blue-0)",
+		25: "var(--color-blue-25)",
+		50: "var(--color-blue-50)",
+		100: "var(--color-blue-100)",
+		150: "var(--color-blue-150)",
+		200: "var(--color-blue-200)",
+		250: "var(--color-blue-250)",
+		300: "var(--color-blue-300)",
+		350: "var(--color-blue-350)",
+		400: "var(--color-blue-400)",
+		450: "var(--color-blue-450)",
+		500: "var(--color-blue-500)",
+		550: "var(--color-blue-550)",
+		600: "var(--color-blue-600)",
+		650: "var(--color-blue-650)",
+		700: "var(--color-blue-700)",
+		750: "var(--color-blue-750)",
+		800: "var(--color-blue-800)",
+		850: "var(--color-blue-850)",
+		900: "var(--color-blue-900)"
+	},
+	button: {
+		danger: {
+			activeBg: "var(--color-button-danger-active-bg)",
+			baseBg: "var(--color-button-danger-base-bg)",
+			disabledBg: "var(--color-button-danger-disabled-bg)",
+			disabledText: "var(--color-button-danger-disabled-text)",
+			hoverBg: "var(--color-button-danger-hover-bg)",
+			text: "var(--color-button-danger-text)"
+		},
+		ghost: {
+			activeBg: "var(--color-button-ghost-active-bg)",
+			disabledText: "var(--color-button-ghost-disabled-text)",
+			hoverBg: "var(--color-button-ghost-hover-bg)",
+			text: "var(--color-button-ghost-text)"
+		},
+		primary: {
+			activeBg: "var(--color-button-primary-active-bg)",
+			baseBg: "var(--color-button-primary-base-bg)",
+			disabledBg: "var(--color-button-primary-disabled-bg)",
+			disabledText: "var(--color-button-primary-disabled-text)",
+			hoverBg: "var(--color-button-primary-hover-bg)",
+			text: "var(--color-button-primary-text)"
+		},
+		secondary: {
+			activeBg: "var(--color-button-secondary-active-bg)",
+			baseBg: "var(--color-button-secondary-base-bg)",
+			disabledBg: "var(--color-button-secondary-disabled-bg)",
+			disabledText: "var(--color-button-secondary-disabled-text)",
+			hoverBg: "var(--color-button-secondary-hover-bg)",
+			text: "var(--color-button-secondary-text)"
+		},
+		smoke: {
+			activeBg: "var(--color-button-smoke-active-bg)",
+			baseBg: "var(--color-button-smoke-base-bg)",
+			disabledBg: "var(--color-button-smoke-disabled-bg)",
+			disabledText: "var(--color-button-smoke-disabled-text)",
+			hoverBg: "var(--color-button-smoke-hover-bg)",
+			text: "var(--color-button-smoke-text)"
+		}
+	},
+	control: {
+		activeBorder: "var(--color-control-active-border)",
+		baseBg: "var(--color-control-base-bg)",
+		border: "var(--color-control-border)",
+		disabledBg: "var(--color-control-disabled-bg)",
+		disabledText: "var(--color-control-disabled-text)",
+		hoverBorder: "var(--color-control-hover-border)",
+		invalidBorder: "var(--color-control-invalid-border)",
+		placeholder: "var(--color-control-placeholder)",
+		text: "var(--color-control-text)"
+	},
+	cool: {
+		0: "var(--color-cool-0)",
+		25: "var(--color-cool-25)",
+		50: "var(--color-cool-50)",
+		100: "var(--color-cool-100)",
+		150: "var(--color-cool-150)",
+		200: "var(--color-cool-200)",
+		250: "var(--color-cool-250)",
+		300: "var(--color-cool-300)",
+		350: "var(--color-cool-350)",
+		400: "var(--color-cool-400)",
+		450: "var(--color-cool-450)",
+		500: "var(--color-cool-500)",
+		550: "var(--color-cool-550)",
+		600: "var(--color-cool-600)",
+		650: "var(--color-cool-650)",
+		700: "var(--color-cool-700)",
+		750: "var(--color-cool-750)",
+		800: "var(--color-cool-800)",
+		850: "var(--color-cool-850)",
+		900: "var(--color-cool-900)"
+	},
+	focus: "var(--color-focus)",
+	fuschia: {
+		0: "var(--color-fuschia-0)",
+		25: "var(--color-fuschia-25)",
+		50: "var(--color-fuschia-50)",
+		100: "var(--color-fuschia-100)",
+		150: "var(--color-fuschia-150)",
+		200: "var(--color-fuschia-200)",
+		250: "var(--color-fuschia-250)",
+		300: "var(--color-fuschia-300)",
+		350: "var(--color-fuschia-350)",
+		400: "var(--color-fuschia-400)",
+		450: "var(--color-fuschia-450)",
+		500: "var(--color-fuschia-500)",
+		550: "var(--color-fuschia-550)",
+		600: "var(--color-fuschia-600)",
+		650: "var(--color-fuschia-650)",
+		700: "var(--color-fuschia-700)",
+		750: "var(--color-fuschia-750)",
+		800: "var(--color-fuschia-800)",
+		850: "var(--color-fuschia-850)",
+		900: "var(--color-fuschia-900)"
+	},
+	gray: {
+		0: "var(--color-gray-0)",
+		25: "var(--color-gray-25)",
+		50: "var(--color-gray-50)",
+		100: "var(--color-gray-100)",
+		150: "var(--color-gray-150)",
+		200: "var(--color-gray-200)",
+		250: "var(--color-gray-250)",
+		300: "var(--color-gray-300)",
+		350: "var(--color-gray-350)",
+		400: "var(--color-gray-400)",
+		450: "var(--color-gray-450)",
+		500: "var(--color-gray-500)",
+		550: "var(--color-gray-550)",
+		600: "var(--color-gray-600)",
+		650: "var(--color-gray-650)",
+		700: "var(--color-gray-700)",
+		750: "var(--color-gray-750)",
+		800: "var(--color-gray-800)",
+		850: "var(--color-gray-850)",
+		900: "var(--color-gray-900)"
+	},
+	green: {
+		0: "var(--color-green-0)",
+		25: "var(--color-green-25)",
+		50: "var(--color-green-50)",
+		100: "var(--color-green-100)",
+		150: "var(--color-green-150)",
+		200: "var(--color-green-200)",
+		250: "var(--color-green-250)",
+		300: "var(--color-green-300)",
+		350: "var(--color-green-350)",
+		400: "var(--color-green-400)",
+		450: "var(--color-green-450)",
+		500: "var(--color-green-500)",
+		550: "var(--color-green-550)",
+		600: "var(--color-green-600)",
+		650: "var(--color-green-650)",
+		700: "var(--color-green-700)",
+		750: "var(--color-green-750)",
+		800: "var(--color-green-800)",
+		850: "var(--color-green-850)",
+		900: "var(--color-green-900)"
+	},
+	lime: {
+		0: "var(--color-lime-0)",
+		25: "var(--color-lime-25)",
+		50: "var(--color-lime-50)",
+		100: "var(--color-lime-100)",
+		150: "var(--color-lime-150)",
+		200: "var(--color-lime-200)",
+		250: "var(--color-lime-250)",
+		300: "var(--color-lime-300)",
+		350: "var(--color-lime-350)",
+		400: "var(--color-lime-400)",
+		450: "var(--color-lime-450)",
+		500: "var(--color-lime-500)",
+		550: "var(--color-lime-550)",
+		600: "var(--color-lime-600)",
+		650: "var(--color-lime-650)",
+		700: "var(--color-lime-700)",
+		750: "var(--color-lime-750)",
+		800: "var(--color-lime-800)",
+		850: "var(--color-lime-850)",
+		900: "var(--color-lime-900)"
+	},
+	line: "var(--color-line)",
+	orange: {
+		0: "var(--color-orange-0)",
+		25: "var(--color-orange-25)",
+		50: "var(--color-orange-50)",
+		100: "var(--color-orange-100)",
+		150: "var(--color-orange-150)",
+		200: "var(--color-orange-200)",
+		250: "var(--color-orange-250)",
+		300: "var(--color-orange-300)",
+		350: "var(--color-orange-350)",
+		400: "var(--color-orange-400)",
+		450: "var(--color-orange-450)",
+		500: "var(--color-orange-500)",
+		550: "var(--color-orange-550)",
+		600: "var(--color-orange-600)",
+		650: "var(--color-orange-650)",
+		700: "var(--color-orange-700)",
+		750: "var(--color-orange-750)",
+		800: "var(--color-orange-800)",
+		850: "var(--color-orange-850)",
+		900: "var(--color-orange-900)"
+	},
+	purple: {
+		0: "var(--color-purple-0)",
+		25: "var(--color-purple-25)",
+		50: "var(--color-purple-50)",
+		100: "var(--color-purple-100)",
+		150: "var(--color-purple-150)",
+		200: "var(--color-purple-200)",
+		250: "var(--color-purple-250)",
+		300: "var(--color-purple-300)",
+		350: "var(--color-purple-350)",
+		400: "var(--color-purple-400)",
+		450: "var(--color-purple-450)",
+		500: "var(--color-purple-500)",
+		550: "var(--color-purple-550)",
+		600: "var(--color-purple-600)",
+		650: "var(--color-purple-650)",
+		700: "var(--color-purple-700)",
+		750: "var(--color-purple-750)",
+		800: "var(--color-purple-800)",
+		850: "var(--color-purple-850)",
+		900: "var(--color-purple-900)"
+	},
+	red: {
+		0: "var(--color-red-0)",
+		25: "var(--color-red-25)",
+		50: "var(--color-red-50)",
+		100: "var(--color-red-100)",
+		150: "var(--color-red-150)",
+		200: "var(--color-red-200)",
+		250: "var(--color-red-250)",
+		300: "var(--color-red-300)",
+		350: "var(--color-red-350)",
+		400: "var(--color-red-400)",
+		450: "var(--color-red-450)",
+		500: "var(--color-red-500)",
+		550: "var(--color-red-550)",
+		600: "var(--color-red-600)",
+		650: "var(--color-red-650)",
+		700: "var(--color-red-700)",
+		750: "var(--color-red-750)",
+		800: "var(--color-red-800)",
+		850: "var(--color-red-850)",
+		900: "var(--color-red-900)"
+	},
+	scrollbar: {
+		thumb: "var(--color-scrollbar-thumb)",
+		thumbHover: "var(--color-scrollbar-thumb-hover)"
+	},
+	slider: {
+		disabledThumb: "var(--color-slider-disabled-thumb)",
+		disabledTrack: "var(--color-slider-disabled-track)",
+		indicator: "var(--color-slider-indicator)"
+	},
+	surfaces: {
+		body: "var(--color-surfaces-body)",
+		card: "var(--color-surfaces-card)",
+		inverse: "var(--color-surfaces-inverse)",
+		popover: "var(--color-surfaces-popover)",
+		scrim: "var(--color-surfaces-scrim)"
+	},
+	teal: {
+		0: "var(--color-teal-0)",
+		25: "var(--color-teal-25)",
+		50: "var(--color-teal-50)",
+		100: "var(--color-teal-100)",
+		150: "var(--color-teal-150)",
+		200: "var(--color-teal-200)",
+		250: "var(--color-teal-250)",
+		300: "var(--color-teal-300)",
+		350: "var(--color-teal-350)",
+		400: "var(--color-teal-400)",
+		450: "var(--color-teal-450)",
+		500: "var(--color-teal-500)",
+		550: "var(--color-teal-550)",
+		600: "var(--color-teal-600)",
+		650: "var(--color-teal-650)",
+		700: "var(--color-teal-700)",
+		750: "var(--color-teal-750)",
+		800: "var(--color-teal-800)",
+		850: "var(--color-teal-850)",
+		900: "var(--color-teal-900)"
+	},
+	text: {
+		accent: "var(--color-text-accent)",
+		accentHover: "var(--color-text-accent-hover)",
+		danger: "var(--color-text-danger)",
+		dangerHover: "var(--color-text-danger-hover)",
+		inverse: "var(--color-text-inverse)",
+		inverseHover: "var(--color-text-inverse-hover)",
+		muted: "var(--color-text-muted)",
+		mutedHover: "var(--color-text-muted-hover)",
+		primary: "var(--color-text-primary)",
+		primaryHover: "var(--color-text-primary-hover)",
+		secondary: "var(--color-text-secondary)",
+		secondaryHover: "var(--color-text-secondary-hover)"
+	},
+	token: {
+		blue: {
+			baseBg: "var(--color-token-blue-base-bg)",
+			hoverBg: "var(--color-token-blue-hover-bg)",
+			text: "var(--color-token-blue-text)"
+		},
+		cool: {
+			baseBg: "var(--color-token-cool-base-bg)",
+			hoverBg: "var(--color-token-cool-hover-bg)",
+			text: "var(--color-token-cool-text)"
+		},
+		fuschia: {
+			baseBg: "var(--color-token-fuschia-base-bg)",
+			hoverBg: "var(--color-token-fuschia-hover-bg)",
+			text: "var(--color-token-fuschia-text)"
+		},
+		gray: {
+			baseBg: "var(--color-token-gray-base-bg)",
+			hoverBg: "var(--color-token-gray-hover-bg)",
+			text: "var(--color-token-gray-text)"
+		},
+		green: {
+			baseBg: "var(--color-token-green-base-bg)",
+			hoverBg: "var(--color-token-green-hover-bg)",
+			text: "var(--color-token-green-text)"
+		},
+		lime: {
+			baseBg: "var(--color-token-lime-base-bg)",
+			hoverBg: "var(--color-token-lime-hover-bg)",
+			text: "var(--color-token-lime-text)"
+		},
+		orange: {
+			baseBg: "var(--color-token-orange-base-bg)",
+			hoverBg: "var(--color-token-orange-hover-bg)",
+			text: "var(--color-token-orange-text)"
+		},
+		purple: {
+			baseBg: "var(--color-token-purple-base-bg)",
+			hoverBg: "var(--color-token-purple-hover-bg)",
+			text: "var(--color-token-purple-text)"
+		},
+		red: {
+			baseBg: "var(--color-token-red-base-bg)",
+			hoverBg: "var(--color-token-red-hover-bg)",
+			text: "var(--color-token-red-text)"
+		},
+		teal: {
+			baseBg: "var(--color-token-teal-base-bg)",
+			hoverBg: "var(--color-token-teal-hover-bg)",
+			text: "var(--color-token-teal-text)"
+		},
+		warm: {
+			baseBg: "var(--color-token-warm-base-bg)",
+			hoverBg: "var(--color-token-warm-hover-bg)",
+			text: "var(--color-token-warm-text)"
+		},
+		yellow: {
+			baseBg: "var(--color-token-yellow-base-bg)",
+			hoverBg: "var(--color-token-yellow-hover-bg)",
+			text: "var(--color-token-yellow-text)"
+		}
+	},
+	warm: {
+		0: "var(--color-warm-0)",
+		25: "var(--color-warm-25)",
+		50: "var(--color-warm-50)",
+		100: "var(--color-warm-100)",
+		150: "var(--color-warm-150)",
+		200: "var(--color-warm-200)",
+		250: "var(--color-warm-250)",
+		300: "var(--color-warm-300)",
+		350: "var(--color-warm-350)",
+		400: "var(--color-warm-400)",
+		450: "var(--color-warm-450)",
+		500: "var(--color-warm-500)",
+		550: "var(--color-warm-550)",
+		600: "var(--color-warm-600)",
+		650: "var(--color-warm-650)",
+		700: "var(--color-warm-700)",
+		750: "var(--color-warm-750)",
+		800: "var(--color-warm-800)",
+		850: "var(--color-warm-850)",
+		900: "var(--color-warm-900)"
+	},
+	white: "var(--color-white)",
+	yellow: {
+		0: "var(--color-yellow-0)",
+		25: "var(--color-yellow-25)",
+		50: "var(--color-yellow-50)",
+		100: "var(--color-yellow-100)",
+		150: "var(--color-yellow-150)",
+		200: "var(--color-yellow-200)",
+		250: "var(--color-yellow-250)",
+		300: "var(--color-yellow-300)",
+		350: "var(--color-yellow-350)",
+		400: "var(--color-yellow-400)",
+		450: "var(--color-yellow-450)",
+		500: "var(--color-yellow-500)",
+		550: "var(--color-yellow-550)",
+		600: "var(--color-yellow-600)",
+		650: "var(--color-yellow-650)",
+		700: "var(--color-yellow-700)",
+		750: "var(--color-yellow-750)",
+		800: "var(--color-yellow-800)",
+		850: "var(--color-yellow-850)",
+		900: "var(--color-yellow-900)"
+	}
+}, t = {
+	hi: "var(--elevation-hi)",
+	lo: "var(--elevation-lo)",
+	med: "var(--elevation-med)"
+}, n = {
+	100: "var(--radius-100)",
+	200: "var(--radius-200)",
+	300: "var(--radius-300)",
+	400: "var(--radius-400)",
+	500: "var(--radius-500)",
+	600: "var(--radius-600)",
+	700: "var(--radius-700)",
+	800: "var(--radius-800)",
+	900: "var(--radius-900)"
+}, r = {
+	control: {
+		lg: "var(--size-control-lg)",
+		md: "var(--size-control-md)",
+		sm: "var(--size-control-sm)"
+	},
+	dialog: {
+		lg: "var(--size-dialog-lg)",
+		md: "var(--size-dialog-md)",
+		sm: "var(--size-dialog-sm)"
+	}
+}, i = {
+	100: "var(--spacing-100)",
+	200: "var(--spacing-200)",
+	300: "var(--spacing-300)",
+	400: "var(--spacing-400)",
+	500: "var(--spacing-500)",
+	600: "var(--spacing-600)",
+	700: "var(--spacing-700)",
+	800: "var(--spacing-800)",
+	900: "var(--spacing-900)"
+}, a = {
+	body01: {
+		family: "var(--type-body01-family)",
+		lineHeight: "var(--type-body01-line-height)",
+		size: "var(--type-body01-size)",
+		weight: "var(--type-body01-weight)"
+	},
+	body02: {
+		family: "var(--type-body02-family)",
+		lineHeight: "var(--type-body02-line-height)",
+		size: "var(--type-body02-size)",
+		weight: "var(--type-body02-weight)"
+	},
+	caption01: {
+		family: "var(--type-caption01-family)",
+		lineHeight: "var(--type-caption01-line-height)",
+		size: "var(--type-caption01-size)",
+		weight: "var(--type-caption01-weight)"
+	},
+	caption02: {
+		family: "var(--type-caption02-family)",
+		lineHeight: "var(--type-caption02-line-height)",
+		size: "var(--type-caption02-size)",
+		weight: "var(--type-caption02-weight)"
+	},
+	code01: {
+		family: "var(--type-code01-family)",
+		lineHeight: "var(--type-code01-line-height)",
+		size: "var(--type-code01-size)",
+		weight: "var(--type-code01-weight)"
+	},
+	display01: {
+		family: "var(--type-display01-family)",
+		lineHeight: "var(--type-display01-line-height)",
+		size: "var(--type-display01-size)",
+		weight: "var(--type-display01-weight)"
+	},
+	display02: {
+		family: "var(--type-display02-family)",
+		lineHeight: "var(--type-display02-line-height)",
+		size: "var(--type-display02-size)",
+		weight: "var(--type-display02-weight)"
+	},
+	display03: {
+		family: "var(--type-display03-family)",
+		lineHeight: "var(--type-display03-line-height)",
+		size: "var(--type-display03-size)",
+		weight: "var(--type-display03-weight)"
+	},
+	display04: {
+		family: "var(--type-display04-family)",
+		lineHeight: "var(--type-display04-line-height)",
+		size: "var(--type-display04-size)",
+		weight: "var(--type-display04-weight)"
+	},
+	display05: {
+		family: "var(--type-display05-family)",
+		lineHeight: "var(--type-display05-line-height)",
+		size: "var(--type-display05-size)",
+		weight: "var(--type-display05-weight)"
+	},
+	display06: {
+		family: "var(--type-display06-family)",
+		lineHeight: "var(--type-display06-line-height)",
+		size: "var(--type-display06-size)",
+		weight: "var(--type-display06-weight)"
+	},
+	family: {
+		display: "var(--type-family-display)",
+		mono: "var(--type-family-mono)",
+		sans: "var(--type-family-sans)"
+	},
+	heading01: {
+		family: "var(--type-heading01-family)",
+		lineHeight: "var(--type-heading01-line-height)",
+		size: "var(--type-heading01-size)",
+		weight: "var(--type-heading01-weight)"
+	},
+	heading02: {
+		family: "var(--type-heading02-family)",
+		lineHeight: "var(--type-heading02-line-height)",
+		size: "var(--type-heading02-size)",
+		weight: "var(--type-heading02-weight)"
+	},
+	heading03: {
+		family: "var(--type-heading03-family)",
+		lineHeight: "var(--type-heading03-line-height)",
+		size: "var(--type-heading03-size)",
+		weight: "var(--type-heading03-weight)"
+	},
+	heading04: {
+		family: "var(--type-heading04-family)",
+		lineHeight: "var(--type-heading04-line-height)",
+		size: "var(--type-heading04-size)",
+		weight: "var(--type-heading04-weight)"
+	},
+	heading05: {
+		family: "var(--type-heading05-family)",
+		lineHeight: "var(--type-heading05-line-height)",
+		size: "var(--type-heading05-size)",
+		weight: "var(--type-heading05-weight)"
+	},
+	heading06: {
+		family: "var(--type-heading06-family)",
+		lineHeight: "var(--type-heading06-line-height)",
+		size: "var(--type-heading06-size)",
+		weight: "var(--type-heading06-weight)"
+	},
+	scale: {
+		100: "var(--type-scale-100)",
+		150: "var(--type-scale-150)",
+		200: "var(--type-scale-200)",
+		300: "var(--type-scale-300)",
+		400: "var(--type-scale-400)",
+		500: "var(--type-scale-500)",
+		600: "var(--type-scale-600)",
+		700: "var(--type-scale-700)",
+		800: "var(--type-scale-800)",
+		900: "var(--type-scale-900)"
+	},
+	weight: {
+		400: "var(--type-weight-400)",
+		500: "var(--type-weight-500)",
+		600: "var(--type-weight-600)",
+		700: "var(--type-weight-700)"
+	}
+};
+//#endregion
+export { e as color, t as elevation, n as radius, r as size, i as spacing, a as type };

package/dist/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+export type { TooltipProps, TooltipPlacement } from './tooltip';

package/dist/tooltip/tooltip.d.ts

@@ -0,0 +1,52 @@
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+type TriggerProps = HTMLAttributes<HTMLElement>;
+export interface TooltipProps {
+    /**
+     * The tooltip text. Must be non-interactive — a tooltip is not reachable by
+     * pointer or keyboard in its own right, so anything focusable inside it
+     * would be announced but unusable. Interactive overlay content belongs in a
+     * popover instead.
+     */
+    content: ReactNode;
+    /** Preferred side. Flips to the opposite side when there isn't room. */
+    placement?: TooltipPlacement;
+    /** Milliseconds to wait before opening on hover. Focus always opens at once. */
+    delay?: number;
+    /** Milliseconds to wait before closing, so the pointer can cross into the bubble. */
+    closeDelay?: number;
+    /** Controlled open state. Leave undefined to let the tooltip manage its own. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Applied to the tooltip bubble, not the trigger. */
+    className?: string;
+    /**
+     * The trigger. A single element that spreads the props it is given onto a
+     * DOM node — the tooltip attaches its handlers, `style` (which carries the
+     * anchor name) and `aria-describedby` to it.
+     */
+    children: ReactElement<TriggerProps>;
+}
+/**
+ * A short label that appears on hover or focus.
+ *
+ * `children` is the trigger and must be a single element that accepts a ref and
+ * event handlers. `content` must be plain, non-interactive text: a tooltip
+ * cannot be reached by pointer or keyboard, so anything focusable inside it
+ * would be announced but unusable.
+ *
+ * It supplements the trigger rather than naming it — an `IconButton` still
+ * needs its own `label`. Do not put information here that is only available on
+ * hover, since touch users will never see it.
+ *
+ * `delay` is the hover wait before opening, and `placement` flips to the
+ * opposite side when there is not room.
+ *
+ * @example
+ * <Tooltip content="Copy to clipboard">
+ *   <IconButton icon="copy" label="Copy" onClick={copy} />
+ * </Tooltip>
+ */
+export declare function Tooltip({ content, placement, delay, closeDelay, open: openProp, defaultOpen, onOpenChange, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/typography/index.d.ts

@@ -0,0 +1,2 @@
+export { Typography } from './typography';
+export type { TypographyProps, TypographyElement, TypeStyles, TypographyTone } from './typography';