@versini/ui-types 4.0.0 → 4.1.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import React$1 from 'react';
+import { Placement } from '@floating-ui/react';
 
 type CommonButtonProps = {
 	/**
@@ -99,7 +100,51 @@ declare namespace ButtonLinkTypes {
 }
 
 declare namespace ButtonIconTypes {
-	export type Props = {
+	// Union type to require label if labelLeft/labelRight are undefined
+	type LabelProps =
+		| {
+				/**
+				 * The label to use as aria-label.
+				 */
+				label?: string;
+				/**
+				 * The label to show to the left of the icon.
+				 */
+				labelLeft: string;
+				/**
+				 * The label to show to the right of the icon.
+				 */
+				labelRight?: string;
+		  }
+		| {
+				/**
+				 * The label to use as aria-label.
+				 */
+				label?: string;
+				/**
+				 * The label to show to the left of the icon.
+				 */
+				labelLeft?: string;
+				/**
+				 * The label to show to the right of the icon.
+				 */
+				labelRight: string;
+		  }
+		| {
+				/**
+				 * The label to use as aria-label.
+				 */
+				label: string;
+				/**
+				 * The label to show to the left of the icon.
+				 */
+				labelLeft?: undefined;
+				/**
+				 * The label to show to the right of the icon.
+				 */
+				labelRight?: undefined;
+		  };
+	export type Props = LabelProps & {
 		/**
 		 * The icon to render in the button.
 		 */
@@ -109,18 +154,6 @@ declare namespace ButtonIconTypes {
 		 * @default center
 		 */
 		align?: "left" | "right" | "center";
-		/**
-		 * The label to use as aria-label.
-		 */
-		label?: string;
-		/**
-		 * The label to show to the left of the icon.
-		 */
-		labelLeft?: string;
-		/**
-		 * The label to show to the right of the icon.
-		 */
-		labelRight?: string;
 		/**
 		 * Option to make the Button transparent.
 		 */
@@ -352,4 +385,26 @@ declare namespace SvgIconTypes {
 	};
 }
 
-export { ButtonCopyTypes, ButtonIconTypes, ButtonLinkTypes, ButtonSortTypes, ButtonTypes, CardTypes, LiveRegionTypes, ModalTypes, SvgIconTypes };
+declare namespace TooltipTypes {
+	export type Props = {
+		/**
+		 * The label to show in the tooltip.
+		 */
+		label: string;
+		/**
+		 * The trigger element for the tooltip.
+		 */
+		trigger: React.ReactNode;
+		/**
+		 * The placement of the tooltip.
+		 * @default top
+		 */
+		placement?: Placement;
+		/**
+		 * The mode of tooltip. This will change the color of the tooltip.
+		 */
+		mode?: "dark" | "light" | "system" | "alt-system";
+	};
+}
+
+export { ButtonCopyTypes, ButtonIconTypes, ButtonLinkTypes, ButtonSortTypes, ButtonTypes, CardTypes, LiveRegionTypes, ModalTypes, SvgIconTypes, TooltipTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-types",
-	"version": "4.0.0",
+	"version": "4.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -32,5 +32,8 @@
 		"react": "^18.3.1 || ^19.0.0",
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
-	"gitHead": "406bf426c5b3186ef7197e0b51d83ec0de689cde"
+	"devDependencies": {
+		"@floating-ui/react": "0.27.3"
+	},
+	"gitHead": "62e5ad9aef3842ebba9e968c0cde595e6fd81544"
 }