@unifold/ui-react 0.1.23 → 0.1.25

package/dist/index.d.mts

@@ -263,8 +263,19 @@ declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.S
 declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Tooltip wrapper that supports both hover (desktop) and tap-to-toggle (mobile).
+ *
+ * Radix Tooltip only opens on hover, which is unusable on touch devices.
+ * This wrapper adds controlled open state so the trigger's onClick can toggle it,
+ * while preserving the default hover behavior on desktop.
+ */
+declare function Tooltip({ children, ...props }: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/**
+ * Tooltip trigger that adds click-to-toggle for mobile/touch support.
+ * On desktop, hover still works as usual via Radix's built-in behavior.
+ */
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 /**
@@ -288,13 +299,13 @@ interface AllowedCountryResult {
  * Combines the IP geolocation API with the project's blocked countries configuration
  * to determine if the user should be allowed to access geo-restricted features.
  *
- * @param publishableKey - Optional publishable key for API calls
+ * @param publishableKey - Publishable key for API calls (required)
  * @returns AllowedCountryResult with isAllowed status and location info
  *
  * @example
  * ```tsx
- * function MyComponent() {
- *   const { isAllowed, alpha2, country, isLoading, error } = useAllowedCountry();
+ * function MyComponent({ publishableKey }: { publishableKey: string }) {
+ *   const { isAllowed, alpha2, country, isLoading, error } = useAllowedCountry(publishableKey);
  *
  *   if (isLoading) return <LoadingSpinner />;
  *   if (error) return <ErrorMessage error={error} />;
@@ -304,7 +315,7 @@ interface AllowedCountryResult {
  * }
  * ```
  */
-declare function useAllowedCountry(publishableKey?: string): AllowedCountryResult;
+declare function useAllowedCountry(publishableKey: string): AllowedCountryResult;
 
 /**
  * Unifold color palette for React (Web)

package/dist/index.d.ts

@@ -263,8 +263,19 @@ declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.S
 declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Tooltip wrapper that supports both hover (desktop) and tap-to-toggle (mobile).
+ *
+ * Radix Tooltip only opens on hover, which is unusable on touch devices.
+ * This wrapper adds controlled open state so the trigger's onClick can toggle it,
+ * while preserving the default hover behavior on desktop.
+ */
+declare function Tooltip({ children, ...props }: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/**
+ * Tooltip trigger that adds click-to-toggle for mobile/touch support.
+ * On desktop, hover still works as usual via Radix's built-in behavior.
+ */
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 /**
@@ -288,13 +299,13 @@ interface AllowedCountryResult {
  * Combines the IP geolocation API with the project's blocked countries configuration
  * to determine if the user should be allowed to access geo-restricted features.
  *
- * @param publishableKey - Optional publishable key for API calls
+ * @param publishableKey - Publishable key for API calls (required)
  * @returns AllowedCountryResult with isAllowed status and location info
  *
  * @example
  * ```tsx
- * function MyComponent() {
- *   const { isAllowed, alpha2, country, isLoading, error } = useAllowedCountry();
+ * function MyComponent({ publishableKey }: { publishableKey: string }) {
+ *   const { isAllowed, alpha2, country, isLoading, error } = useAllowedCountry(publishableKey);
  *
  *   if (isLoading) return <LoadingSpinner />;
  *   if (error) return <ErrorMessage error={error} />;
@@ -304,7 +315,7 @@ interface AllowedCountryResult {
  * }
  * ```
  */
-declare function useAllowedCountry(publishableKey?: string): AllowedCountryResult;
+declare function useAllowedCountry(publishableKey: string): AllowedCountryResult;
 
 /**
  * Unifold color palette for React (Web)